title: How do I make this image fade on hover?
body: <p>I'm trying to make it so when you hover over this <code>&lt;img&gt;</code> in the <code>&lt;div&gt;</code>, the other <code>&lt;div&gt;</code> becomes visible, it works, but, I'm trying to get it to smoothly change to the other <code>&lt;img&gt;</code>.<br>
  Here is a fiddle of what I mean <a href="http://jsfiddle.net/sK5q2/4/" rel="nofollow">here</a>, Thanks for all the help in advance!</p>
  
  <p>If this question has been asked before, I'm sorry for asking it again.  I couldn't find one for what I'm looking for.</p>