title: Add active class to jQuery image swap code
body: <p>i'm using some jquery code to swap an image on click to a new source, but i need it to add the class of "active" on click and remove it when another elemnt is clicked, heres the jquery and html</p>
  
  <p>html</p>
  
  <pre><code>&lt;a class="steplink" href="http://placebox.es/600/500/ff0000/ffffff/Step1/"&gt;Step1&lt;/a&gt;
  &lt;a class="steplink" href="http://placebox.es/600/500/ff0000/ffffff/Step2/"&gt;Step2&lt;/a&gt;
  &lt;a class="steplink" href="http://placebox.es/600/500/ff0000/ffffff/Step3/"&gt;Step3&lt;/a&gt;
  &lt;div id="stepimgwrap"&gt;
      &lt;img src="http://placebox.es/600/500/ff0000/ffffff/Step1/" alt="Main Image" id="stepimg"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$('.steplink').live("click", function() {
      $('#stepimg').hide();
      $('#stepimgwrap').css('background-image', "url('../img/ajax-loader.gif')");
      var i = $('&lt;img /&gt;').attr('src',this.href).load(function() {
          $('#stepimg').attr('src', i.attr('src'));
          $('#stepimgwrap').css('background-image', 'none');
          $('#stepimg').show();
      });
      return false; 
  });
  </code></pre>
  
  <p>Thanks in advance</p>