title: Front side/back side flip effect on div displaying image
body: <p>I am trying to have an image flip around effect like what's used on www.eharmony.com.  When you mouseover a photo it spins around and displays more information.</p>
  
  <p><img src="https://i.stack.imgur.com/Ui3yP.jpg" alt="New div shown after mouseover">
  I've found a JQuery component called Flip (<a href="http://lab.smashup.it/flip" rel="nofollow noreferrer">http://lab.smashup.it/flip</a>), but I'm having trouble getting it to work on the mouseover event. It also won't display a whole new div.  I was wondering if there's a better one out there.</p>
  
  <p>Perhaps if someone can teach me how to fish by telling me what I can use to reverse engineer the eHarmony page, that would be incredibly useful. I've examined the HTML and see they have  divs labeled "flip-container", "back face", and "front face", but I can't figure out what Javascript calls are performing the actual flipping function. (I'm not so well versed at debugging Javascript.)</p>
  
  <p>Thanks in advance!</p>