title: .load() method in jquery give me 404 - Not Found error
body: <p>I have a simple page that I need to load .html file to a DIV ,but I always have 404 NOT FOUND </p>
  
  <p>I have a file called demo_test.txt in the same folder of my JSP file,I need to load this file to the div with ID="div1"</p>
  
  <p>here is the code : </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.min.js"&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
    $("button").click(function(){
     // $("#div1").load("demo_test.txt");
     $("#div1").load("demo_test.txt", function(responseText, statusText, xhr)
          {
                  if(statusText == "success")
                          alert("Successfully loaded the content!");
                  if(statusText == "error")
                          alert("An error occurred: " + xhr.status + " - " + xhr.statusText);
          });
  
    });
  
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="div1"&gt;&lt;h2&gt;Let jQuery AJAX Change This Text&lt;/h2&gt;&lt;/div&gt;
  &lt;button&gt;Get External Content&lt;/button&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>