title: jQuery .load() failure
body: <p>I'm trying to run an answer I found at the following link:
  <a href="https://stackoverflow.com/questions/44580373/asynchronously-load-the-contents-of-a-div#">Asynchronously Load the Contents of a Div</a></p>
  
  <p>But when I do, I get errors that I don't quite understand.</p>
  
  <p>My code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
    $("#first").load(function() {
      $("body").append($("&lt;div&gt;&lt;/div&gt;").attr({
        id: "second"
      }).text("Second"));
      $("#second").load(function() {
        $("body").append($("&lt;div&gt;&lt;/div&gt;").attr({
          id: "third"
        }).text("Third"));
      });
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-
  3.2.1.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="#first"&gt;First&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The error I get back from Chrome is extensive. But here's the highlights:</p>
  
  <pre><code>Uncaught TypeError: a.indexOf is not a function
      at r.fn.init.r.fn.load (jquery-3.2.1.min.js:4)
      at HTMLDocument.&lt;anonymous&gt; (temp.html:6)
      at j (jquery-3.2.1.min.js:2)
      at k (jquery-3.2.1.min.js:2)
  </code></pre>
  
  <p>Any ideas?</p>