title: Load html into div without changing the rest of page
body: <p>So I've seen tons of people asking how to load html into a div, and my code does that fine....but then the rest of the page changes when I load the html into the div.</p>
  
  <p>I have a page a.html that looks like this, and loads b.html</p>
  
  <p>a.html</p>
  
  <pre><code>&lt;html&gt; 
  &lt;head&gt; 
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt; 
  &lt;script&gt; 
  $(function() {
  $("#includedContent").load("b.html"); 
  }); 
  &lt;/script&gt; 
  
  
  
   &lt;div id="includedContent"&gt;&lt;/div&gt;
   &lt;h1&gt;This is why I rule&lt;/h1&gt;
  &lt;/head&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>then b.html looks like this</p>
  
  <p><code>&lt;p&gt; This is my include file &lt;/p&gt;</code></p>
  
  <p>What happens is a.html loads and I can see <code>This is why I rule</code> momentarily, but then the code goes out and gets b.html. When b.html loads I can ONLY see <code>This is my include file</code> and the 'This is why I rule' message disappears...</p>
  
  <p>Why is this? How do I prevent it? It does this on all browsers I have tested it on.</p>