title: header and footer on multiple pages using js
body: <p>I want to call header.html and footer.html in every page of html using javascript. I tried the
  code <a href="https://stackoverflow.com/questions/18712338/make-header-and-footer-files-to-include-multiple-html-pages">Make header and footer files to be included in multiple html pages</a>, but this is not working for me</p>
  
  <p>Here is the same code,</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;hi&lt;/title&gt;
  &lt;script type="text/javascript" src="jquery-1.11.1.min.js"&gt;&lt;/script&gt;
  &lt;script&gt; 
  $("#header").load("header.html"); 
  $("#footer").load("footer.html"); 
  &lt;/script&gt; 
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="header"&gt;&lt;/div&gt;&lt;br /&gt;
  &lt;div id="content"&gt;
    Main Content
  &lt;/div&gt;&lt;br /&gt;
  &lt;div id="footer"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I downloaded jquery-1.11.1.min.js from this <a href="http://jquery.com/download/" rel="nofollow noreferrer">http://jquery.com/download/</a> site. Please, help me to correct this code.</p>