populating table dynamically

by karin

HTML

<table border="1">
    <tbody></tbody>
    <table>

JavaScript

var list = [];

for (var j = 0; j <= 50; j++) {
    list.push(j);
}

for (var k = 0; k <= 3; k++) {
    var rowClass = "row" + k;
    $("<tr class=" + rowClass + ">").appendTo("table tbody");
    for (var i = 0; i <= 4; i++) {
        $("<td>" + list.pop() + "</td>").appendTo("tbody ." + rowClass);
    }
    $("</tr>").appendTo("table tbody");
}