title: Inserting arbitrary HTML into a DocumentFragment
body: <p>I know that <a href="http://lists.w3.org/Archives/Public/public-webapps/2011OctDec/0663">adding <code>innerHTML</code> to document fragments</a> has been recently discussed, and will hopefully see inclusion in the DOM Standard. But, what is the workaround you're supposed to use in the meantime?</p>
  
  <p>That is, take</p>
  
  <pre><code>var html = '&lt;div&gt;x&lt;/div&gt;&lt;span&gt;y&lt;/span&gt;';
  var frag = document.createDocumentFragment();
  </code></pre>
  
  <p>I want both the <code>div</code> and the <code>span</code> inside of <code>frag</code>, with an easy one-liner.</p>
  
  <p>Bonus points for no loops. jQuery is allowed, but I've already tried <code>$(html).appendTo(frag)</code>; <code>frag</code> is still empty afterward.</p>