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>