jQuery Hover over image problem
<p>I have a script: see fiddle <a href="http://jsfiddle.net/patrioticcow/ERTWT/" rel="nofollow">http://jsfiddle.net/patrioticcow/ERTWT/</a> .
When i hover over image a black div slides down. What i want it to be able to click on that div and do something. Right now if i hover over the black div the animation goes crazy :)</p>

<pre><code>&lt;div class="profile-img-edit"&gt;Change Profile Picture&lt;/div&gt;
&lt;img class="profile-img" src="http://download.exploretalent.com/media014/0000145198/0000145198_PM_1298338078.jpg"&gt;

$('.profile-img').hoverIntent(function() {
$('.profile-img-edit').slideDown();
}, function() {
$('.profile-img-edit').slideUp("fast");
});
</code></pre>

<p>i can use <code>hover</code> instead of <code>hoverIntent</code> but is not so reliable .</p>

<p>thanks</p>
