[jQuery] Class sluit weer

Hoi iedereen,

Ik ben bezig met een nieuwe site, en daar zit een login knop in de header. Als je daar over heen gaat laat hij gewoon keurig de andere div zien, en gaat de button weg. Nu moet ik zorgen dat als je je muis uit het vak haalt, dat de button dan weer terug komt. Maar als je nu over het form wat erin staat gaat, dan sluit hij ook..
Code:

<script type="text/javascript">
$(document).ready(function() {    
    $(".login-vak").hide();
    $(".login").mouseover(function() {
        $(".login").hide();
        $(".login-vak").fadeIn("fast");
    });
    $(".login-vak").mouseout(function() {
        $(".login-vak").hide();
        $(".login").fadeIn("fast");
    });
});
</script>

Ik ben nog niet heel lang bezig met jQuery, dus vandaar.
Mvg
Sebastiaanh

Maak een extra div, en zet daar die div in die moet reageren op de hover, en de div waar het login shit in staat en gebruik die nieuwe div dan als hover