How do I add a CSS class to only one <label> at any given time, using JQuery?
<p>I have this code:</p>

<pre><code>$('#custom-options label').click(function(){
    $(this).removeClass('uncheck').addClass('checked');
});
</code></pre>

<p>What I'm aiming to do this when I click a <code>&lt;label&gt;</code> it adds the class <code>.checked</code>. This works until I click another <code>&lt;label&gt;</code> then I have two labels with the class <code>.checked</code> ...although I only want to add this to the one I've clicked and I'd like all the rest of the <code>&lt;label&gt;</code>s to have the class <code>.uncheck</code>.</p>

<p>Any help would be greatly appreciated, Thanks</p>
