title: Add class on click and disable mouseleave event?
body: <p>I have list of images with some simple <code>mouseenter</code>/<code>mouseleave</code> effect.
  <a href="http://jsfiddle.net/4vTCr/" rel="nofollow">http://jsfiddle.net/4vTCr/</a></p>
  
  <p>I would like to modify it in a following way:
  when user click on particular image, its opacity should be set to 1 and <code>mouseleave</code> event should be disabled.</p>
  
  <p>I was thinking to do it by adding a class <code>selected</code> on img <code>click</code> event. Then at the begining I can check if <code>img</code> has <code>selected</code> class. If yes then do not apply <code>mouseleave</code> event.
  But I cannot deal with it. Could you give me some tips how to do it? TIA</p>