How to append elements into dom in one go
<p>How do I append elements into the dom in one go? As you can see from the code below I'm appending stuff into a root element(tr_next) inside a loop.</p>

<pre><code>$('.abc').each(function(){
  //create element code here
  var tr_next = $("&lt;tr&gt;");
  var td_contact_fname = $("&lt;td&gt;").attr({"width" : "190px" , "align" : "center"});

  td_contact_fname.appendTo(tr_next);
  td_contact_lname.appendTo(tr_next);
  td_month.appendTo(tr_next);
  td_day.appendTo(tr_next);
  td_email.appendTo(tr_next);
});
</code></pre>

<p>I've watched this video at vimeo: <a href="http://vimeo.com/44182484" rel="nofollow">How browsers work internally</a> and they said that when appending stuff into the dom you should do it in one go because the browser needs to perform a lot of repainting(or something like that) which affects performance.</p>
