New Button, Radio style triggers each onclick event twice

New Button, Radio style triggers each onclick event twice!

when I run the following code:

The alert comes up twice.

<script type="text/javascript">

$(function() {

$("#radio1").buttonset();

});

</script>

<form>

<div id="radio1">

<input type="radio" id="radio1" name="radio" value="rd1" onclick="alert(this.value);" />

<label for="radio1">Choice 1</label>

<input type="radio" id="radio2" name="radio" checked="checked" value="rd1" onclick="alert(this.value);" />

<label for="radio2">Choice 2</label>

<input type="radio" id="radio3" name="radio" value="rd1" onclick="alert(this.value);" />

<label for="radio3">Choice 3</label>

</div>

</form>