js query common header and footer for all html pages
<html>
<head>
<title></title>
//include jquery file
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(function(){
$("#header").load("headerfile.html");
$("#footer").load("footerfile.html");
});
</script>
</head>
<body>
<div id="header"></div>
<h1>Include Header-Footer File</h1>
<p>Body Part.....</p>
Something code....
</br></br>
<div id="footer"></div>
</body>
</html>