title: Changing image src onClick with jQuery
body: <p>I am using this HTML on my site: 
  <code>&lt;a href="#1" id="slick-toggle"&gt;&lt;img src="img1.jpg"/&gt;&lt;/a&gt;</code></p>
  
  <p>When I click this link, I would like to change the image src to <code>img2.jpg</code>. And revert back to <code>img1.jpg</code> when clicked again &amp; so on. <strong>Can someone explain how I do this using jQuery?</strong></p>
  
  <p>Here is my existing <strong>jQuery</strong> if this helps:</p>
  
  <pre><code>$(document).ready(function() {     
    $('#slick-toggle').click(function() {
      $('#slickbox').toggle(400);
      return false;
    });
  });
  </code></pre>
  
  <p>Many thanks for any pointers with this :-)</p>