XHR-loaded megamenu content

XHR-Mega-Menu.html

HTML Markup:

<ul id="primary-nav" role="navigation">
	<li id="nav_home" class="current"><a href="homepage.html">Home</a></li>
	<li id="nav_products" class="hasMenu"><a href="overview.html">Products</a><div class="megamenu get-remote-content" data-remote-url="/nav_products.html" style="display:none"></div></li>
	<li id="nav_shop"><a href="#">Shop</a></li>
</ul>

Script (requires jQuery):

// Get remote content for all DIVs with .get-remote.content class
// URL to grab grom is in data-remote-url attribute
$('div.get-remote-content').each(function () {
	thisContainer = $(this);
	remoteURL = thisContainer.data('remote-url');
	thisContainer.load(remoteURL);
});