Radio buttons with jquery
<p>I have a bunch of div's:</p>

<pre><code>&lt;div class='option'&gt;
    &lt;span&gt;here is a label for one pair of radio buttons&lt;/span&gt;
    &lt;a href='#' rel='radio' class='on'&gt;On&lt;/a&gt;
    &lt;a href='#' rel='radio' class='off'&gt;Off&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>I'm trying to toggle between these two classes ('off' and 'on') using jQuery.</p>

<pre><code>&lt;script&gt;; 
$(document).ready(function(){ 
   $("a[rel='radio']").click(function(){
      if($(this).attr('class')=='on'){
        //make $(this) have class 'off'
        //make the other a in *this* div have class 'on'

      } else {
        //make $(this) have class 'on'
        //make the other a in the div have class 'off'
      }

  });
});
&lt;/script&gt;
</code></pre>

<p>How can I turn the commented psuedo-code into real-world jQuery?</p>
