Creating Dynamic Table using Jquery

Creating Dynamic Table using Jquery

HTML

<div id="dynamictable"></div>

CSS

table {
    background:#CCC;
    border:1px solid #000;
}
table td {
    padding:15px;
    border:1px solid #DDD;
}

JavaScript

$('#dynamictable').append('<table>');
var table = $('#dynamictable').children();
for (var i = 0; i < 13; i++) {
    table.append("<tr>");
    for (var j = 0; j < 7; j++) {
        table.append("<td style='background:#ccc;'>cell</td>");
    }
    table.append("</tr>");
}
$('#dynamictable').append('</table>');