hover does not work for me :(

hover does not work for me :(

Hey! I just want to do a very simple hover effect. I know you use CSS for it but it is just a test for something else. Why doesn't this work out?

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
    <title>Test Hover Zen5656</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script src="./jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">


    $("p").hover(
      function () {
        $(this).addClass("red");   
      },
    );

    </script>

    <style type="text/css">
    .red{color: red;}
    </style>

    </head>
    <body>
        <p>I turn red when you hover me.</p>
    </body>
    </html>





























Thank you in advance!