title: jQuery .find("body").html() == null
body: <p>I have an html page called test.html, here is it's content:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt;
      &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body style="margin: 0; padding: 0; background: #d9d9d9;"&gt;
      &lt;form name="form1" method="post" action="NewsLetterPreview.aspx?NewsletterID=1" id="form1"&gt;
      &lt;div&gt;
          &lt;input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTA3NzM3OTc4N2Rkkk3StA9iwyEdCoR43JPpw6OyRHubNTnbXatTbxCXsVA=" /&gt;
      &lt;/div&gt;
      &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;
  </code></pre>
  
  <p>I then have another page which I am using $.get to get the content of the page:</p>
  
  <pre><code>$.get("test.html", function (data) {
              alert($(data).find("body").html());
          });
  </code></pre>
  
  <p>However the <code>alert($(data).find("body").html())</code> returns null. It does the same for the <code>alert($(data).find("form").html())</code> also. Only if I specify <code>alert($(data).find("div").html())</code> does it return the input field.</p>
  
  <p>How can I select the body / form?</p>