( function($) {
    $(window).on("load", function(){    
    //add a special class to the first row of all tables with headers
    $("#primary").find("table").find("tr:first").has("th").addClass("headRow");
    //add a special class to all tables without headers
    $("#primary").find("table").not($("table").has(".headRow")).addClass("tableWithoutHeader").wrap("<div class='table-wrapper'></div>");
    //add a special class to leftmost cell of every row (tables with headers only)
    $("table").has("th").find("tr").not(".headRow").children().filter(":first-child").addClass("thVertical");
    stackTable();    
});

    function stackTable() { 
        var headertext = [];
        var headRows = document.querySelectorAll(".headRow");
        var tablesWithHeadrow = $("table").has(".headRow");

        for (var i = 0; i < headRows.length; i++) {
            headertext[i]=[];
            for (var j = 0, headrow; headrow = headRows[i].cells[j]; j++) {
                var current = headrow;
                headertext[i].push(current.textContent);
            }
        } 

        for (var h = 0, table; table = tablesWithHeadrow[h]; h++) {
            for (var i = 1, row; row = table.rows[i]; i++) {
                for (var j = 0, col; col = row.cells[j]; j++) {
                    col.setAttribute("data-th", headertext[h][j]);
                } 
            }
        }
    }
    
})(jQuery);