title: Change image onmouseover
body: <p>What's the correct way to change an image on mouseover and back on mouseout (with/without jQuery)?</p>
  
  <pre><code>&lt;a href="#" id="name"&gt;
      &lt;img title="Hello" src="/ico/view.png" onmouseover="$(this).attr('src','/ico/view.hover.png')" /&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Ok, this is working, but how to change back to the original image after <code>mouseout</code>?</p>
  
  <p>If it is possible, I want to do this thing inline, without document.ready function.</p>