title: In jQuery, how to load ajax content after a specified element
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;div id="mydiv"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to load content using jQuery so it appears after my DIV.</p>
  
  <p>I've tried this:</p>
  
  <pre><code>$("#mydiv").load("/path/to/content.html");
  </code></pre>
  
  <p>However, this ends up with this result:</p>
  
  <pre><code>&lt;div id="mydiv"&gt;
  &lt;p&gt;content from file&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I get this result?</p>
  
  <pre><code>&lt;div id="mydiv"&gt;
  &lt;/div&gt;
  &lt;p&gt;content from file&lt;p&gt;
  </code></pre>