title: Slowly change/fade/animate an image changing with JQuery
body: <p>This is my img, 
  <code>&lt;img src="one.png" id="one" onMouseOver="animateThis(this)"&gt;</code></p>
  
  <p>I want to slowly change this image src to "oneHovered.png" when the user hovers over using jQuery.  Which jQuery method is best to do this?  A lot of examples I see want me to change the CSS background. Is there anything to alter the src attribute directly? </p>