I'm quit new to JQuery so forgive if I made a noob mistake.

I wanted to load content dynamically from different pages when a user clicks on a menu link. It works for all pages except for the main page (index.html) any thoughts?

example: frederikvaneverbroeck.be/jquery/index.html 
btw this is a school project so that is why the weird content :)

   

    
 $(document).ready(function() { var current = "index.html"; <!-- Catch when user clicks on link --> $('#nav li a').click(function(){ var page = $(this).attr('href'); $('#left').hide('fast',loadContent); function loadContent() { $('#left').load(page,'',showNewContent()) } function showNewContent() { $('#left').show('normal', loadJS()); } function loadJS(){ if(page == "index.html"){ loadGMaps(); } } return false; }); loadGMaps(); });