jQuery UI buttonsets

if you want to group radio button you have to use a different id but the same name.

by A B

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css">
<div id="Choices001"> 
    <input type="radio" id="Choices001_1" name="Choices001" />
    <label for="Choices001_1">Choice 1</label> 
    <input type="radio" id="Choices001_2" name="Choices001" checked="checked" />
    <label for="Choices001_2">Choice 2</label> 
    <input type="radio" id="Choices001_3" name="Choices001" />
    <label for="Choices001_3">Choice 3</label> 
</div> 

<div id="Choices002"> 
    <input type="radio" id="Choices002_1" name="Choices002" />
    <label for="Choices002_1">Choice 1</label> 
    <input type="radio" id="Choices002_2" name="Choices002" checked="checked" />
    <label for="Choices002_2">Choice 2</label> 
    <input type="radio" id="Choices002_3" name="Choices002" />
    <label for="Choices002_3">Choice 3</label> 
</div>

JavaScript

$("#Choices001").buttonset();
$("#Choices002").buttonset();