Problem getting jQuery to work

Problem getting jQuery to work

Hey guys I tried searching for this but to no avail. I have been learning jQuery on lynda and codecademy for a few weeks now and I wanted to start messing around with the code to see what I've learned. 

Here is the problem, I try and create a simple box with HTML/CSS but when I add in jQuery code, the page doesn't register any of it. Here is what I'm working with.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
div {
height:40px;
width:40px;
color:white;
background:blue;
border-radius:20px;
}
</style>
<script type="text/jquery">
$(document).ready(function(){
   $('div').mouseenter(function(){
     $('div')fadeTo('fast', 1);
    });
   });
  });
</script>
</head>
<body>

     <div><br/><strong>Click Me!</strong></div>  
</body>
</html>


What am I doing wrong? Oh and I'm using the newest version of Aptana Studio.