radio button change style on checked
<p>i have a set of radio buttons. </p>

<pre><code>&lt;ul class="ProductOptionList"&gt;
&lt;li&gt;
&lt;label&gt;
&lt;input class="RadioButton" type="radio" value="157" name="variation[1]"/&gt;
Lemon (200 ml)
&lt;/label&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;label&gt;
&lt;input class="RadioButton chosen" type="radio" value="160" name="variation[1]"/&gt;
Lemon and Herbs (200 ml)
&lt;/label&gt;
&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>i want to highlight the one that is selected. </p>

<p>i used this code:</p>

<pre><code>$('input.RadioButton').click(function() {
    var chkbox = $(this);
      chkbox.is(':checked') ?
        chkbox.addClass('chosen') : $chkbox.removeClass('chosen');
</code></pre>

<p>but if a person clicks one variation it works and applies the class, then if they click a second it applies the class to the second but doesnt remove the class from the first. how do i remove the class?
thanks!</p>
