title: getting error when using jQuery load() method
body: <p>I am using the jQuery load() method to load some content from different HTML files for organizing purposes, but I am getting this error:</p>
  <pre><code>Access to XMLHttpRequest at 'XXXXX' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
  </code></pre>
  <br/>
  My HTML file looks like this:
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script&gt;
      $(function() {
        $(&quot;#Home&quot;).load(&quot;home.html&quot;);
      });
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id=&quot;Home&quot;&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>