jQuery .after won't insert <body> element
<p>Why doesn't this work?</p>

<pre><code>var newbody = "&lt;body&gt;&lt;div&gt;hello&lt;/div&gt;&lt;/body&gt;";

$("body").remove();
$("head").after(newbody);
</code></pre>

<p>All i get after that is:</p>

<pre><code>&lt;/head&gt;
&lt;div&gt;hello&lt;/div&gt;
</code></pre>

<p>How can i get it to stop dropping the body tags?</p>
