Buttonset that doesn't stay active
by KeithPepin
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/themes/cupertino/jquery-ui.css">
<div id="radio">
<input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
<input type="radio" id="radio2" name="radio" /><label for="radio2">Choice 2</label>
<input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
</div>
JavaScript
$(document).ready(function() {
$( "#radio" ).buttonset();
$('#radio input[type="radio"]').click(function() {
var button = $(this);
setTimeout(function() {button.prop("checked", false).next().removeClass('ui-state-active')}, 100);
});
});