title: confused with attr to use with mouseover() and mouseout()(image swap)
body: <p>I am using <code>jQuery</code> to swap between images on and off hover. Here is my code.
  <strong>HTML</strong>  </p>
  
  <pre><code>&lt;img class="commentImg" src="images/comments.png" data-swap="images/comment_hover.png" alt=""&gt;  
  </code></pre>
  
  <p><strong>jQuery</strong>  </p>
  
  <pre><code>$(".commentImg").hover(function() {
       var swap = $(this).attr("data-swap");
       $(this).attr('src', swap);
  },
  function() {
       var swap = $(this).attr("data-swap");
       $(this).removeAttr(swap);
   });  
  </code></pre>
  
  <p>the <code>mouseover</code> works fine, but the <code>mouseout</code> doesn't. Can you guys help me out?</p>