title: Show information over image on rollover
body: <p>I want to be able to show information (HTML basically) over an image when the mouse rolls over the image... I know there is a <code>.hover()</code> jQuery function but am unsure how to use it to get the desired effect.</p>
  
  <p>Ideally when a user hovers over an image it would "grey out" (e.g. layer of 50% opacity black) with some HTML like a title etc etc.</p>
  
  <p>Can someone point me in the right direction or provide sample code</p>
  
  <p>Thanks</p>