title: jQuery find().html() returns undefined
body: <p>I am new to JS, this is what I was doing.</p>
  
  <p>I have a rawHtml string, which is just html, when I do</p>
  
  <pre><code>$(rawHtml).find('#footer')
  </code></pre>
  
  <p>and I log this, this is what it returns</p>
  
  <pre><code>jQuery {
  '0': HTMLDivElement {},
  '1': HTMLDivElement {},
  '2': HTMLDivElement {},
  '3': HTMLDivElement {},
  '4': HTMLDivElement {},....}
  </code></pre>
  
  <p>So I know for sure it's not empty. But if I do this</p>
  
  <pre><code>$(rawHtml).find('#footer').html()
  </code></pre>
  
  <p>it returns undefined. I just want to print out the html, Is there other ways I can do this? And why is it printing undefined? </p>
  
  <p><strong>EDIT</strong></p>
  
  <p>The html is very long, the basic structure is like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;title&gt;Title&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="some link"&gt;
  &lt;link rel="stylesheet" type="text/css" href="some link"&gt;
  &lt;link rel="stylesheet" type="text/css" href="some link "&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/animate.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  &lt;/head&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>For simplicity purposes, footer is waaaay down and more complex, for head it's the same thing, if I do</p>
  
  <pre><code>$(rawHtml).find('head').html()
  </code></pre>
  
  <p>returns undefined as well. </p>