title: Creating nested HTML Stucture
body: <p>What is the best approach of creating HTML Structure in jQuery.
  Here are two examples that I have tried, but I am looking for the fastest/best rendering approach.</p>
  
  <blockquote>
    <p>jQuery Array Structure Sample</p>
  </blockquote>
  
  <pre><code>var struct = [
    '&lt;div class="daBox-outer"&gt;',
      '&lt;div class="daBox-inner"&gt;',
        '&lt;div class="daBox-top" /&gt;',
        '&lt;div class="daBox-bottom" /&gt;',
      '&lt;/div&gt;',
      '&lt;div class="daBox-overlay" /&gt;',
    '&lt;/div&gt;'].join('');
  
  $("body").append(struct);
  </code></pre>
  
  <blockquote>
    <p>jQuery Direct Append Sample</p>
  </blockquote>
  
  <pre><code>$("body").append(//-&gt;
    '&lt;div class="daBox-outer"&gt;' +
      '&lt;div class="daBox-inner"&gt;' +
        '&lt;div class="daBox-top" /&gt;' +
        '&lt;div class="daBox-bottom" /&gt;' +
      '&lt;/div&gt;' +
      '&lt;div class="daBox-overlay" /&gt;' +
    '&lt;/div&gt;'
  //&lt;-
  );
  </code></pre>
  
  <p>I am trying to learn, but can't find proper examples!</p>