Delaying Jquery .live mouseover function
<p>I am currently using this code:</p>

<pre><code>    $('#startLabel').live('mouseover',function(){
$('.startTooltip').fadeIn();
     });

    $('#startLabel').live('mouseout',function(){
$('.startTooltip').fadeOut();
     }); 
</code></pre>

<p>to display a tooltip div when the user hovers over the #startLabel div and hide the tooltip when the user moves the cursor away.</p>

<p>I want to change this so that the tooltip will not appear until the #startLabel div has been hovered over for 3 seconds, could someone tell me how I can do this?</p>

<p>I've tried this:</p>

<pre><code>    $('#startLabel').live('mouseover',function(){
    setTimeout( function() {
$('.startTooltip').fadeIn();
}, 3000 );
     });
</code></pre>

<p>but the tooltip still appears if you hover over it quickly and then hover away.</p>

<p>Thanks for any help.</p>
