title: jQuery load() code not working in Google Chrome
body: <p>i am stuck here with a little jQuery Problem! I am using this code to load the content of a html file (bio.html) into a div containter (content). This works in IE8 and Firefox 6, but not in Google Chrome!</p>
  
  <p>Any ideas what i might be doing wrong? Heres the Code:</p>
  
  <p></p>
  
  <p></p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Test&lt;/title&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
      &lt;script type="text/javascript" src="./js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div id="content"&gt;
      hi
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  
      $(document).ready(function(){   
  
          $('#content').load('./html/bio.html');
  
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>