file1 and file2 have the same code. Why doesn't file 1 work?

file1 and file2 have the same code. Why doesn't file 1 work?

[file1]

<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function (){
        $("#bigs").click(function(){
   alert('hhaa');
});​
});
</script>
</head>
<body>
<div id="bigs"> bigs </div>
   
</body>
</html>

[file2]
<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
    $("#bigs").click(function(){
        alert('haha');
    });
});
</script>
</head>
<body>


<div id="bigs"> Bigs</div>

</body>
</html>