title: I want common header and footer all over pages
body: <p>I have included following  to make it done. But Javascript elements on page are not working due to this.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function(){ 
          $.get("header.html", function(data) {
      $("#header").html(data);
         });
       });
     &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="header"&gt;&lt;/div&gt;
  &lt;content&gt;
  &lt;/content&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>