jQuery: I see append, prepend, appendTo, what about take-out-the-content-of?
<p>I see all sorts of jQuery options such as append, prepend, appedTo etc. but I just want to take out the content of a div and append it to the inside of the body. The whole contents, so  not by using .html() but being loads of other divs. These divs may have events attached as well so I don't want to mess them all up.</p>

<pre><code>&lt;div id="main"&gt;
    &lt;div id="anything" class="anything"&gt;
        &lt;p&gt;hello etc.&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>So I need to take out everything inside id="main"</p>

<p>So, something like  $('#main').get-its-contents-and-append-to('body')  would do it.</p>

<p>I guess I could write a lengthy script, but there must be a simple one-line jQuery option?</p>
