title: call parital html page using jQuery
body: <p>I want to call a partial html page using jquery. I have seen <a href="https://stackoverflow.com/questions/18385068/how-do-you-load-a-partial-html-in-html5">this</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;script type="text/javascript" src="lib/jquery-3.1.0.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt; $('#result').load('Ajax/test.html'); &lt;/script&gt;
          &lt;title&gt;Home&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="result"&gt;&lt;/div&gt;
  
      &lt;/body&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>and in the path <code>Ajax/test.html</code> i have this test.html:</p>
  
  <pre><code>&lt;h1&gt;Hey World&lt;/h1&gt;
  </code></pre>
  
  <p>The problem is it does not load the <code>Hey World</code> into the main page. Also, <strong>there is no error in console</strong>.
  What is the problem?</p>