title: Trying to Load HTML Source Code using JQuery
body: <p>I am trying to load some HTML source code I have in a text file into jquery. When I click the link to add the text nothing loads into the page. Any suggestions?
  <br><br> Load Script:</p>
  
  <pre><code>&lt;div data-role="collapsible" data-collapsed="true"&gt;
      &lt;h3&gt;Accordion Concept&lt;/h3&gt;
      &lt;p&gt;The accordion concept splits the page into catagories to save space. Each catagory contains information but this information is collapsed in order to make it so you only see the information you want to see on the page.&lt;/p&gt;
      &lt;div id = "loadEx"&gt;Click Here to Load Example Script File&lt;/div&gt;
      &lt;script&gt;
          $( "#loadEx" ).click(function() {
              $('#hello').load('mywebpage.txt');
          });
      &lt;/script&gt;
      &lt;pre id = "hello"&gt;&lt;/pre&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br>Text File:</p>
  
  <pre><code>&lt;body class="container"&gt;
      &lt;div data-role="page"&gt;
          &lt;div data-role="header"&gt;
              &lt;h1&gt; Page  One Title &lt;/h1&gt;
          &lt;/div&gt;
          &lt;div data-role="content"&gt;
              &lt;div data-role="collapsible-set" &gt;
                  &lt;div data-role="collapsible" data-collapsed="true"&gt;
                      &lt;h3&gt; Header number one &lt;/h3&gt;
                      &lt;p&gt; information for header number one is here. &lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div data-role="collapsible" data-collapsed="true"&gt;
                      &lt;h3&gt; Header number two &lt;/h3&gt;
                      &lt;p&gt; information for header number two is here. &lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div data-role="collapsible" data-collapsed="true"&gt;
                      &lt;h3&gt; Header number three &lt;/h3&gt;
                      &lt;p&gt; information for header number three is here. &lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div data-role="footer"&gt;
                  Copyright
              &lt;/div&gt;   
          &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>