Clone a div and then clone again from the child
<p>I have the following simple code, where I double click a div (with class <strong>container</strong>) and it's simply clones itself inside another div (with id <strong>containment-wrapper</strong>):</p>

<p><strong>html</strong></p>

<pre><code>&lt;span class="container"&gt;div one&lt;/span&gt;

&lt;div id="containment-wrapper"&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Jquery</strong></p>

<pre><code>$(".container").dblclick(function() {

        $(this).clone().appendTo('#containment-wrapper');
});
</code></pre>

<p>When I double click the original div, it clones itself and puts a div inside the containment-wrapper but when I double click a cloned div, it doesn't do anything even though it has class=container, why is this happening? I tried many different ways to clone it but nothing worked.</p>
