title: jQuery .load(); not working
body: <p>This is my first time trying this. </p>
  
  <p>I have the following code in the head of an <strong>ajax.html</strong>:</p>
  
  <pre><code>$(document).ready(function(){
     $( "#result" ).load( "/loaded.html" );
  });
  </code></pre>
  
  <p>Then in the same directory, I have a second page, <strong>loaded.html:</strong></p>
  
  <pre><code>&lt;div id="result"&gt;Hello!&lt;/div&gt;
  </code></pre>
  
  <p>However <code>#result</code> is not loaded. I have double checked jQuery, and it's all plugged in. </p>
  
  <p>Would anyone know what is going wrong?</p>