Getting HTML from another file with JavaScript

Question

I have several html pages and they all use a div that is exactly the same.

I want to have this same div in a separate file so that every time I have to make changes I won't have to copy the new version over and over again.

I don't know where to start and the proper terminology for this, but I'm confined to html and javascript.

Answer 1

If you use jQuery you can use ajax.load as so:

$( "#yourDivId" ).load( "yourfile.html" );

http://api.jquery.com/load/

Answer 2

Search for Underscore Templates and how to use them.