title: jQuerys append rows and columns
body: <p>I'm trying to create a dynamic table with jQuery. So far I have this code below:</p>
  
  <pre><code>$(document).ready(function(){
      var i=0;
      while(i&lt;10){
          $('table').append('&lt;tr&gt;&lt;/tr&gt;');
          $('tr').append('&lt;td&gt;&lt;/td&gt;');
          i++;
      };
  });
  </code></pre>
  
  <p>It gives me a rather strange result : I get a table as expected, but the first row has 10 columns, the second row has 9 columns and so on... </p>
  
  <p>I was surprised by the result, I was expecting 10 rows with one column.</p>