Problems using setTimeout and clearTimeout

Problems using setTimeout and clearTimeout

Hey, i cant get my head around this, been trying different things for 2 hours, if anyone can shine any light on this problem ill love you forever.

$('#girl').mouseout(function() {
   
     hidegirl = setTimeout(function()
        {
            $('#girllinks').fadeOut();
        }, 1500)
   
    });
   
    $('#girllinks').mouseenter(function(){

      clearTimeout(hidegirl);
     
    });

basically #girl fades in #girllinks, then if the mouse moves out of #girl #girllinks should fade away after 1.5 seconds. that works fine however, i want it so if the mouse moves out of #girl and into #girllinks then the menu will not fade away. Please help!

(Hope it all makes sense!)

(This is all in the $(document).ready)

Cheers :D