Offline HTML5 .html pages - need to include file into another file

Question

We have an offline set of HTML pages we're working with using HTML5 document type. We want to include our sub-navigation via a <script src="____"> but for some reason it's not including. Is there some other method of including the file without needing server-side assistance somewhere?

Because of how we're delivering these files to the client we must work offline, but it would seriously suck to have to update 100 files due to a simple sub-nav change that could be globally included via Javascript somehow.

Answer 1

You could put an empty div

<div id="navigation"></div>

And then "load" that with jQuery

$("#navigation").load("path/to/nav/file.html");