title: Why am I missing the outer div of my HTML block when I use JQuery's $.parseHTML?
body: <p>When I parse an html string with <code>$.parseHTML()</code>, the outer most div disappears. </p>
  
  <p>Given the html string: </p>
  
  <pre><code>var myCode = '&lt;div class="outer"&gt;' +
      '    &lt;div class="inner"&gt;' +
      '        &lt;div&gt;' +
      '            &lt;p&gt;Hello!&lt;/p&gt;' +
      '        &lt;/div&gt;' +
      '        &lt;div&gt;' +
      '            &lt;p&gt;Hello!!' +
      '            &lt;/p&gt;' +
      '        &lt;/div&gt;' +
      '    &lt;/div&gt;' +
      '&lt;/div&gt;';
  </code></pre>
  
  <p>When I call parse this html, the outer most div (<code>class="outer"</code>) isn't present. </p>
  
  <pre><code>var $myHtmlObject = $($.parseHTML(myCode)) 
  console.log($myHtmlObject.html()) // no "outer" div present. 
  </code></pre>
  
  <p><a href="http://jsfiddle.net/3gxEM/10/" rel="nofollow">I made a jsfiddle to show the behavior</a> </p>
  
  <p>I can easily get around this by wrapping everything in <em>another</em> <code>div</code> before I parse it, but that seems like a hack for something that should otherwise work. </p>