append table row after x number of columns.

append table row after x number of columns.

Hello everybody,

I'm trying to append <tr> after every x number of <td>'s. I'm not sure how to do it. Here the code which I'm trying to do.
End result: should be 10rows and 10 columns.

<script language="javascript" type="text/javascript">
       $(document).ready(function(){
            var i = 0;
            for(i=1; i<=100; i++)
            {
                $(".Numbers tr").append("<td>"+ i +"</td>");
               
                if(i == 10)
                {
                    $(".Numbers").append("</tr><tr>");
                }
            }
       });
</script>
</head>
<body>
    <table class="Numbers" cellpadding=0 cellspacing=0>
        <tr></tr>
    </table>
</body>

Thanks in advance