delay and load not working properly in conjunction?

delay and load not working properly in conjunction?

Now, I'm relatively new to using jQuery, and I stumbled across this problem. On this web site I'm developing for a client, he wants to have a simple search form on his main page, then, when the link for 'advanced' search is clicked, that form should be replaced by a more advanced search form. My solution works, but there's one problem. The advanced form can be seen before the simple form has been completely hidden, despite there being a delay function call before it. Any reason why delay doesn't seem to do its job here?

  1. $('#search').hide('slow').delay(2000).load('search.php', '', function() {
  2.     $(this).show('slow');
  3. });