jQuery: Capturing hover events

Here is the text!

The jQuery Code START
    
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
      $(function() {
          $('#target').hover(over, out);
      });

      function over(event) {
          $('#target').css("font-style", "italic", "font-color", "blue", "font-size", "larger");
      }

      function out(event) {
          $('#target').css("font-style", "normal");
      }
    </script>
    
    <style type="text/CSS">
        <!--
        .code { color: red; }
        .back { background-color: yellow; }
        -->
   </style>
  </head>

  <body>
    <h1>jQuery: Capturing hover events</h1>
    <p id="target">Here is the text!</p>