Jquery - hover event disappears after mousedown event is triggered.
<p>Have an issue with a jquery script.  Page loads with the script below.  The hover event works fine.  However, if the mousedown event fires, the hover event functionality subsequently disappears and I don't get any rollovers.  Any ideas as to why and how to keep the hover event firing off each and every time?  Viewing the page in IE.</p>

<pre><code>// Rollover effect for sign.
$("#sign").hover(function () {
    $("#sign").css('background', 'url(img/default/signinon.png) no-repeat 0 0');
},
function () {
    $("#sign").css('background', 'url(img/default/signin.png) no-repeat 0 0');
});


//Mousedown function... 
$(document).mousedown(function (event) {

    var $target = $(event.target);


    // A click outside of the sign in panel or a click on the sign in button when the body panel is visible, hides the display.

    if ((!$target.is('#sign') &amp;&amp; !$target.is('#sign-in-panel') &amp;&amp; !$target.parents().is('#sign-in-panel') &amp;&amp; !$target.parents().is('#sign')) ||
   ($target.is('#sign') &amp;&amp; $("#sign-in-panel").css('visibility') == 'visible')) {
        $("#sign-in-panel").css('visibility', 'hidden');
        $("#sign").css('background', 'url(img/default/signin.png) no-repeat 0 0');

    }
    else {
        // Show the panel
        $("#sign-in-panel").css('visibility', 'visible');

    }
});
</code></pre>
