将html页面分成几个部分

Question

我试图将部分包含在HTML页面中，例如页眉和页脚（就像我们在ruby on rails上一样）。页眉和页脚保存在两个不同的HTML页面中。我试图用jquery或javascript将它们包含在我的所有页面中。

以下是我的代码，但似乎没有任何效果。

这是我要包含各个部分的页面。

<div id="result"></div>
<script>
    $(document).ready(function(){
        $( "#result" ).load( "sections/header.html #targetDiv" );
    });
</script>

header.html中：

<nav id="targetDiv">
    <div>...</div>
</nav>