Include another HTML file in a HTML file
HTML <div class="container"> <div class="include" data-include="header" id="header"> </div> </div> <div class="container"> <div class="include" data-include="home" id="content"> </div> </div> <div class="container"> <div class="include" data-include="footer"> </div> </div> Add J query library file Java Script <script> $(function () { var includes = $('.include'); jQuery.each(includes, function () { var file = 'views/' + $(this).data('include') + '.html'; $(this).load(file); }); }); OR <div id="header"> </div> $(function () { $("#header").load("views/header.html"); }); </s