title: Create DOM element with jQuery performance
body: <p>Currently I'm using the following code to append certain elements to the DOM:</p>
  
  <pre><code>$('&lt;p/&gt;', { html: data } ).appendTo('.columnLeft');
  </code></pre>
  
  <p>But because a lot of elements need to be appended I'm a bit worried about performance. Before I used <code>{ html: data }</code> I've tried <code>{ text: data }</code>. But because sometimes there's html in the data-variable I've changed it to <code>{ html: data }</code>. I don't really have the tools to measure performance, so I was wondering if someone here knows what is faster?</p>
  
  <p>Thanks for reading!</p>
  
  <p>As commented below, I've made my own testcase you can see it <a href="http://jsperf.com/appendtestluud" rel="nofollow">here</a>. The solution Adam gave is the fastest according to the test.</p>