So I was trying to link my jQuery to my HTML life. I wrote it myself, and put it under the same folder as my html and css. here is how i linked it:

<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="stylesheet.css" >

<script type="text/javascript" src="script.js"></script>


<title>Interaction Design</title>


and the code i wrote to test it out was

$(document).ready(function() {
$('#box').mouseenter(function(){
$(this).fadeTo('fast',2);

#box is an div id that I wrote in my html, already checked the typo, but it wasn't that.