title: Jquery load doesn't work when page is not opened through localhost/ (xampp server)
body: <p>Anyone could help me explain why when I open the same file (one I place it in desktop and another I place it in the htdocs folder inside xampp) exactly the same file. When I open the file in the desktop, the jquery load() doesn't work, but when I open the file in the xampp folder, the jquery load() works fine. </p>
  
  <p>I understand in the case of php file, the page need to be inside xampp folder to works, but these are only html file, does jquery load need to uses server-side scripting ?? Please help me explain this.</p>
  
  <p>html file :</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src='./js/jquery.js'&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function() {
      $(".div").load("test.txt");
  });
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class='div'&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>test.txt :</p>
  
  <pre><code>test
  </code></pre>
  
  <p>my folder structure :</p>
  
  <pre><code>test
    &gt;&gt; js
       &gt;&gt; jquery.js
    &gt;&gt; test.html
    &gt;&gt; test.txt
  </code></pre>