title: How to display the content from .txt file into a div using jQuery load?
body: <p>I am not sure where I am going wrong here.
  I have a <code>div</code> and a <code>button</code>.</p>
  
  <p>On the click of the <code>button</code>, I am trying to display the contents from a <code>.txt</code> file in this <code>div</code>.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id='abc'&gt;AA&lt;/div&gt;
      &lt;button id='bt'&gt;Submit&lt;/button&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$('#bt').click(function() {
      $('#abc').load('hello.txt');
  })
  </code></pre>
  
  <p><code>'hello.txt'</code> file is located in the same folder where <code>.html</code> file is located.</p>
  
  <p>Nothing is displayed and I don't get any error either.</p>