jQuery Forum

Hey all,

I cant seem to get this working, and I have no idea why.  I have 1 set of radio buttons, and I am using Jquery UI buttonset command on them.  They appear, but when you click on one of the buttons, the other one still stays selected.  The functionallity still works(the correct value gets passed), but looks really confussing. 

Here is the code:

1. <div class="avaChoices">
2.     <input type="radio"  id='avaChoiceFree' value="1" alt="#09F" name="avaChoices" checked="checked"   />
3. <label for="avaChoiceFree">Available</label>
4.     <input type="radio"  id='avaChoiceBusy' value="4" alt="red" name="avaChoices" />
5. <label for="avaChoiceBusy">Not Available</label>
6. </div>

And this is the JS calling it:

1. $(".avaChoices").buttonset();

Any help would be great.  Thanks in advanced.