一个javaScript问题

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>homePage</title>
<script src="../js/jquery-1.4.js" type="text/javascript"/>
<script>
// $('#b1').bind('click',
// function(){
// alert("aa");
// var $sr = $('#cr');
// $sr.click(function(){
// if ($sr.is(":checked")) {
// alert("you can go next step!");
// }
// });
// });
function gone(){
alert("aa");
var $sr = $('#cr');
$sr.click(function(){
if ($sr.is(":checked")) {
alert("you can go next step!");
}
});
}
</script>
</head>
<body>
<input type="checkbox" id="cr"/>
<label for="cr">I have read all of it</label>
<input type="button" id="b1" name="submit" value="go next" onclick="gone();"/>
</body>
</html>
后面的那个onclick 事件一直都没有反应……用注释掉的那段，不要后面加色的onclick 也是  没法达到跳转请高手解答一下啊