Clone and insert with jQuery
<pre><code>$(document).ready(function() {

     var clone = $("#me_flash_0").clone(true);

     if($('video').attr('class') == "pause_0"){
          $("#me_flash_0").remove();    
     }

     $('.top_item img').click(function(){
            $("#me_flash_0_container").html(clone);
            $(this).hide();     
     });

}
</code></pre>

<p><code>#me-flash_0</code> is an <code>&lt;embed&gt;</code> element. And <code>#me_flash_0_container</code> is the wrapping container. The problem is that the cloned object seems to be empty. <code>html(clone)</code> has no effect. </p>

<p>Firebug does not show any error.</p>

<p>Here is the relevant html</p>

<pre><code>&lt;div id="me_flash_0_container" class="me-plugin"&gt;
   &lt;embed id="me_flash_0"&gt;
&lt;/div&gt;
&lt;video class="pause_199" width="586px" height="440" src="some link" autoplay="true" tabindex="0" style="display: none;"&gt;&lt;/video&gt;
</code></pre>

<p>Any ideas?</p>
