JQuery simply won't work.

JQuery simply won't work.

I have tried with at least 5 different editors, with Chrome, Safari, Firefox and IE. I have tried many different permutations of JQuery code, but it still won't do anything- it won't work. What on earth am I doing wrong? Here is a copy of the html (the script is inside the html):


 <!DOCTYPE HTML>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>let's see if this works</title>

        <style type="text/css">

         div{

         background-color: #123456;

         height:400px;

         width:400px;

         }

        </style>

        <script type="text/javascript">

         $(document).ready(function(){

         $('div').click(function(){

         $('div').fadeOut('fast');

         });

         });

        </script>

    </head>

    <body>

        <h1>Test</h1>

        <div>

         this is a div

        </div>

    </body>