Why does this simple bind event work in firefox and not in IE?

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>