Want to Not Show title if HoverOut
<p>I am creating a hover function in jquery that when you hover over an image, it shows its title in div box. suppose all images are together one after another with no space between them, if i start hover from 1st till last of line it shows me title of all. i set the delay of 1 sec</p>

<p>heres code</p>

<pre><code>    $('.media-content img').hover(function(e){
var x = -5;
var y = 15;
var detail= $(this).attr('alt');
$('&lt;span class="hovercontent"&gt;'+ detail +'&lt;/span&gt;')
            .delay(800)
            .css('top', e.pageY + y)
            .css('left', e.pageX + x)
            .appendTo('body')
            .fadeIn('fast');
            }, function()
            {
             $('.hovercontent').fadeOut(50);
           });
</code></pre>

<p>In this if i hoverout from image then after a second it display.
I wanted that if I hoverout immediately then the title of that image won't display.
you can say like in operating system when u hover a file it show details if you bypass then it won't. similar i wanted here//</p>
