title: Error in Chrome only: XMLHttpRequest cannot load file URL No 'Access-Control-Allow-Origin' header is present on the requested resource
body: <p>I am following a book example hence the code is very simple.</p>
  
  <p>This is the code:</p>
  
  <pre><code>jQuery.get("ajax_search_results.php",
             { s:search_query },
             write_results_to_page, "html");
  </code></pre>
  
  <p>And the code is ajax_search_results.php has:</p>
  
  <pre><code>&lt;div id="ajax_search_results"&gt;
   &lt;ul&gt;
   &lt;li&gt;&lt;a href="#"&gt;First result&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;Second result&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;Third result&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;More...&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This works as expected in the Firefox. 
  But in Chrome, I can see the error following message in the JS console:</p>
  
  <pre><code>XMLHttpRequest cannot load 
  file:///C:/xampp/xampp/htdocs/snk/ajax_search_results.php?s=keyword. 
  No 'Access-Control-Allow-Origin' header is present on the requested resource.
  Origin 'null' is therefore not allowed access.
  </code></pre>
  
  <p>Can you please help identify the problem?</p>