title: jquery add table row efficiency
body: <p>I was just wondering what was the most efficient way of adding lots (sometimes about 1000) of table rows through jQuery. At the moment I use jQuery ajax to get the data through JSON then i loop over the json object and construct html into a variable and then add that html into the table. e.g.</p>
  
  <pre><code>var arrayObject = $.parseJSON(data);
  var htmlToShow = '';
  $.each(arrayObject, function(index, value){
      var htmlToShow += '&lt;tr&gt;&lt;td&gt;' + value[0] + '&lt;/td&gt;&lt;td&gt;' + value[1] + '&lt;/td&gt;&lt;/tr&gt;';
  });
  $('#tableResults').html(htmlToShow);
  </code></pre>
  
  <p>I was just wondering what is the least intensive method of doing this? Thanks in advance.</p>