Problém s jQuery, nezobrazuje se "loading..."*

$(document).ready(function() {
  // dokument je načtený
  // tedka chci po kliku na nejaky odkaz aby byl poslan ajax pozadavek
  $('#menu li a').click(function() {
    var toLoad = $(this).attr('id');
    // skryju, odstranim loader, pridam loader, zobrazim loader
    $('#main-content').hide('normal', loadContent());
    $('.loader').remove();
    $('#main-content').append('<div class="loader">Loading...</div>');
    $('.loader').fadeIn('normal');
    
    function loadContent()  {
      // volani na ajax  
      $.ajax({      
        type: 'GET',
        url: 'giveByTag.php',
        data: 'tagname=' + toLoad,    
        success: function(response)  {
          $('#main-content').empty();
          $('#main-content').append(response);
        },
        complete: function() {
          showNewContent();
        }
      })
    }
    
    function showNewContent() {
      $('#main-content').show('normal');
      hideLoader();
    }
    
    function hideLoader() {
      //alert("ukryvam loader.");
      $('.loader').fadeOut('normal');
    }
    
    return false;
  });
  // php na serveru odpoví skrz xml soubor
  // jquery jej zpracuje
  // animuje zobrazení
});