I don't know what's wrong and I can't seem to solve this

I don't know what's wrong and I can't seem to solve this

Hello!

I have a problem and I really don't think that it'd be a problem, if you know what I mean ;)

I'm creating a site using AJAX and I would like for an ajax loader to appear in between the page loadings.
$("#menu ul li").click(function(event)
      {

         $("#ajaxLoader").show(function()
         {
            alert('hello');
         });
         
         setTimeout("jQuery.fn.test("about");", 3000);    
      
      });
      
   });
   
   jQuery.fn.test = function(page)
   {
      $("#content").load(page + ".html");    
      $("#ajaxLoader").hide(function()
      {
         alert('good bye');
      });
   };


This works perfectly the first time - the ajax loader appears for about three seconds before disappearing and instead the page is displayed. But the second, third, foruth ... time, the ajax loader never shows up.

Why, oh why is this happening?