Transpose rows & columns in HTML table (for mobile purposes mainly)

tableTransposer.js

$("table").each(function() {
    if ( !$(this).hasClass("reverted") ) {
        var $this = $(this);
        var newrows = [];
        $this.find("tr").each(function(){
            var i = 0;
            $(this).find("td, th").each(function(){
                i++;
                if(newrows[i] === undefined) { 
                    newrows[i] = $("<tr></tr>"); 
                }
                newrows[i].append($(this));
            });
        });
        $this.find("tr").remove();
        $.each(newrows, function(){
            $this.append(this);
            $this.addClass('reverted');
        });
    }  
});