JQUERY HELP OUT PLEZZZZZZZ

JQUERY HELP OUT PLEZZZZZZZ

 I am using this following code in aspx page .small jquery if i click on the link its suppose to fadeout .but its not happening. this is my first jquery. please help out that will be an encouragement.
 

<%

 @ Page Language ="VB" AutoEventWireup ="false" CodeFile ="Javascript.aspx.vb" Inherits ="Javascript" %> <! 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">< head runat ="server"> < title ></ title >
< script src ="jquery-latest.js" type ="text/javascript"></ script >
< style type ="text/css">
#box
{
background-color : Red ;
width : 300px ;
height : 200px ;
}
</ style >

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

$(

 function () {

$(

 "a" ).click( function (event) {

$(

 "#box" ).fadeOut( "slow" );  });  });

 </ script >

</

 head >

<

 body >

< form id ="form1" runat ="server">

< div id ="box"></ div >

< a href ="#"> Click me </ a >

</ form >

</

 body >

</

 html >