Loading Content Into The Same Div

Loading Content Into The Same Div

Fairly new to the Jquery game and I must say it rocks.  I am trying to load new contents of one page into the div of a current page.  My test URL can be found here.  http://www.tomtimms.com/developer.

When the first url (contact) is clicked the contents are loaded into the div, however if you click on the next link (about) it takes you straight to the about page as the contents are not loaded .  Can anyone assist on how I can make this happen?  I think it has something to do with the dom already being loaded.

Here is my code

  1. $(document).ready(function() {
  2.     $('#content a').click(function(){
  3.                                  
  4.         var toLoad = $(this).attr('href')+' #content';
  5.         $('#content').hide('fast',loadContent);
  6.         $('#load').remove();
  7.         $('#wrapper').append('<span id="load">LOADING...</span>');
  8.         $('#load').fadeIn('normal');
  9.         function loadContent() {
  10.             $('#content').load(toLoad,'',showNewContent())
  11.         }
  12.         function showNewContent() {
  13.             $('#content').show('normal',hideLoader());
  14.         }
  15.         function hideLoader() {
  16.             $('#load').fadeOut('normal');
  17.         }
  18.         return false;
  19.        
  20.     });
  21.    
  22.    
  23. });