title: The preferred way of creating a new element with jQuery
body: <p>I've got 2 ways I can create a <code>&lt;div&gt;</code> using <code>jQuery</code>.</p>
  
  <p>Either:</p>
  
  <pre><code>var div = $("&lt;div&gt;&lt;/div&gt;");
  $("#box").append(div);
  </code></pre>
  
  <p>Or:</p>
  
  <pre><code>$("#box").append("&lt;div&gt;&lt;/div&gt;");
  </code></pre>
  
  <p>What are the drawbacks of using second way other than re-usability?</p>