Why does this simple bind event work in firefox and not in IE?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--Import jQuery and ui helpers-->
<script type="text/javascript" src="../jQuery_v1_8/js/jquery-1.4.2.min.js"></script>
<link type="text/css" href= "../jQuery_v1_8/css/custom-theme/jquery-ui-1.8rc3.custom.css" rel="stylesheet" />
<script type="text/javascript" src= "../jQuery_v1_8/development-bundle/ui/jquery-ui-1.8rc3.custom.js"></script>
<script type="text/javascript" src= "../jQuery_v1_8/development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src= "../jQuery_v1_8/development-bundle/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src= "../jQuery_v1_8/development-bundle/ui/jquery.ui.slider.js"></script>
<script type="text/javascript" src= "../jQuery_v1_8/development-bundle/ui/jquery.ui.button.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#radiodiv").buttonset();
$('#radio1').bind("click", function() {
alert('Hello');
});
$('#radio2').bind("click", function(e, ui) {
alert('HelloI2');
});
});
</script>
</head>
<body>
<div class="radbut">
<form>
<div id="radiodiv">
<input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">WaveHeight</label>
<input type="radio" id="radio2" name= "radio" /><label for="radio2">Current</label>
<input type="radio" id="radio3" name= "radio" /><label for="radio3">WaveHeightDir</label>
</div>
</form>
</div><!-- End demo -->
</body>
</html>