title: simple ajax load() not working in jquery
body: <p>I am trying to figure out what is wrong with the function <code>load()</code> not working in Chrome and Firefox. Using Internet Explorer it works beautifully.</p>
  
  <p>I have a WampServer.</p>
  
  <p>In Chrome, I get error:</p>
  
  <blockquote>
    <p>Origin null is not allowed by Access-Control-Allow-Origin</p>
  </blockquote>
  
  <p>I put files on local server, it is on-line. I can access an image, see code. But what goes wrong with <code>load()</code>?</p>
  
  <pre><code>&lt;body&gt;
      here is a image
      &lt;img src="/wamp/www/testing/baby2.jpg" width="100px" height="200px"&gt;&lt;/img&gt;   
  
      &lt;ul id="aj"&gt;
          &lt;li&gt;&lt;a href="/wamp/www/testing/celeb1.html"&gt;One&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/wamp/www/testing/celeb2.html"&gt;Two&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/wamp/www/testing/celeb3.html"&gt;Three&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;br&gt;
      &lt;div id="desc"&gt;
  
      &lt;/div&gt;
  
      &lt;script&gt;
      $(document).ready(function(){
          $('#aj a').click(function(){
              var v= $(this).attr('href');
  
              $('#desc').load(v);
              return false;
          });
      });//ready
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>