title: Cross origin issue for jQuery .load() for a locally placed file
body: <p>I am facing an annoying cross origin issue with a very basic jQuery coding. I am trying to call/load a locally placed <code>test-1.html</code> file from my main javascript file.</p>
  
  <pre><code>$('.load-container').load('test-1.html', function(data) {
      $('.load-container').html(data);
  });
  </code></pre>
  
  <p>I want to populate the contents of <code>test-1.html</code> in a <code>div</code> with class <code>load-container</code>.</p>
  
  <p>I am receiving an error in console which states:</p>
  
  <blockquote>
    <p>XMLHttpRequest cannot load file:--file path--. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.</p>
  </blockquote>
  
  <p>I'm wondering how can calling a locally placed file cause CORS issue. I appreciate your help in solving this issue.</p>