title: How do I move an element inside an iframe by jQuery?
body: <p>I want to copy some elements to an iframe. My code is this:</p>
  
  <pre><code>&lt;div id="some"&gt;
    &lt;div id="more"&gt;Something&lt;/div&gt;
    &lt;input id="inp&gt;
  &lt;/div&gt;
  &lt;iframe id="myframe"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I am doing this in Javascript to move all elements from <em>some</em> div to the iframe:</p>
  
  <pre><code>var allElements = $('div').children();
  for(i = 0; i &lt; allElements.length; i++)
  {
     $(allElements[i]).detach().appendTo($('#myframe'));
  }
  </code></pre>
  
  <p>However, it's not working because iframe has its own html and body. So, how can I get to do this?</p>