title: jQuery click effect
body: <p>Hi everyone I am currently designing a button that changes to another image when the user hovers over it.</p>
  
  <pre><code>$(document).ready(function(){
      $(".button").hover(function() {
          $(this).attr("src","button-hover.png");
      }, function() {
          $(this).attr("src","button.png");
      });
  });
  </code></pre>
  
  <p>I was just wondering how would I add a third "click" feature i.e. when the user clicks on the image it changes to another image. Thanks in advance.</p>