title: JQuery AJAX "Not Found" Error
body: <p>hello Whenever I click on the button that says "Get External Content" I get a javascript alert that says "Not Found" (this is the error's status text).</p>
  
  <p>Why can it not find the text file I am trying to load via ajax?</p>
  
  <p>This is my folder hierarchy:</p>
  
  <pre><code>--public_html
    --app
      --ajaxTestHome.php
      --ajaxTestText.txt
  </code></pre>
  
  <p>And this is the file I am trying to load (via ajax) the text file into.</p>
  
  <pre><code>//ajaxTestHome.php
      &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
      $(document).ready(function(){
        $("#ajax").click(function(){
          $.ajax(
              {
                  url:"/app/ajaxTestText.txt", 
                  success:function(result){
                      $("#div1").html(result);
                  }, 
                  error: function(abc) {
                      alert(abc.statusText);
                  }, 
                  cache: false
              }
          );
        });
      });
      &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 id="ajax"&gt;Get External Content&lt;/button&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>EDIT: I had a typo in the question. the file is called "ajaxTestText.txt" not "ajaxTestTest.txt"</p>