Changing image src onClick with jQuery
<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>
