title: jQuery Hover over image problem
body: <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>