Hiding search field code only executes one time
<p>I'm writing a piece of jQuery to make a search box appear when a user hovers over the search button, displays for five seconds, then disappears if the user hasn't given the search text field focus.</p>

<p>It currently just appears, disappears, then reappears for good. My code is below, you can see it in action at <a href="http://emilysenger.ca" rel="nofollow">http://emilysenger.ca</a></p>

<pre><code>jQuery(document).ready(function(){

    jQuery('input').blur(function(){
                jQuery('input').removeClass("focus");
        })
             .focus(function() {                
                 jQuery(this).addClass("focus")
        });

    jQuery("div#sneakySearch form input#search").css("display", "none");
    jQuery("div#sneakySearch form input#searchButton").hover(function(){
        jQuery("div#sneakySearch form input#search").fadeIn("slow");
    }, function(e){
    jQuery(e).delay(5000, 
            function(e){
                if(!jQuery("div#sneakySearch form input#search").hasClass("focus"))
                    {
                        jQuery("div#sneakySearch form input#search").fadeOut("slow");
                    }

    });
    });

});
</code></pre>

<p>Some help with this would be <em>awesome</em>. Thanks!</p>
