Incremently append content from html source in JQuery on added divs
<p>I have an example DOM as such below where new child elements can be added:</p>

<pre><code>&lt;div id='blog'&gt;
     &lt;div class='item-1'&gt;html content with &lt;b&gt;tags&lt;/b&gt; and more..&lt;/div&gt;
    &lt;div class='another-item'&gt;more html content with &lt;b&gt;tags&lt;/b&gt; and more..&lt;/div&gt;
    &lt;div class='item-1'&gt;you &lt;div id='stuff'&gt;get the idea&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div id='blog_article_container&gt;&lt;/div&gt;
</code></pre>

<p>And I will need to detach and append these child divs to newly added divs. I need the above to look like this:</p>

<pre><code> &lt;div id='blog_article_container&gt;
      &lt;div id='content_container' class='article_brick'&gt;&lt;div class='item-1'&gt;html content with &lt;b&gt;tags&lt;/b&gt; and more..&lt;/div&gt;&lt;/div&gt;
      &lt;div id='content_container' class='article_brick'&gt;&lt;div class='another-item'&gt;more html content with &lt;b&gt;tags&lt;/b&gt; and more..&lt;/div&gt;&lt;/div&gt;
       &lt;div id='content-container' class='article_brick'&gt;&lt;div class='item-1'&gt;you &lt;div id='stuff'&gt;get the idea&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p></p>

<p>Any help would be much appreciated oh Lords of Stackoverflow! </p>
