title: jQuery .after won't insert <body> element
body: <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>