Creating a new DOM Element with multiple elements inside and attach to the DOM
<p>Given this element:</p>

<pre><code>&lt;div class="box" id="trololo"&gt;
     &lt;h2 class="header gradient-red"&gt;&lt;/h2&gt;
     &lt;div class="body"&gt;
          &lt;div class="queue"&gt;
               &lt;ul class="queue-list"&gt;

               &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div class="time"&gt;

          &lt;/div&gt;
     &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Which is a skeleton, I would like to insert it in the DOM, hidden and animate it's entry. I really love this way, because it's elegant:</p>

<pre><code>jQuery('&lt;/div&gt;',{
    id: 'trololo',
    class: 'box'
}).hide().appendTo('#anotherDiv').fadeIn('slow');
</code></pre>

<p>But, how could I chain multiple elements like this?</p>

<p>I've thought about adding the whole html in the <code>html</code> property but doesn't sound fine for me.</p>
