Validation problem

Validation problem

Hello all,

Fairly new to all this JQuery malarky but I have been enjoying it lots.
Well, I was up until trying to use the Validation plugin that is.
I'm trying to validate a simple form but nothing happens when I hit the submit on an invalid form.

Could some kind, knowledgable person please take look at my code below and see if you can spot any schoolboy errors before I go completely insane.

Many thanks,

J

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact</title>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/validate/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#nav').hide();
    $('#nav').fadeIn(1500);
   
    $('#name').focus();
    $('#contact').validate();
}); // end of ready
</script>
</head>

<body>

<div id="mainWrapper">

  <div id="nav">
    <ul>
    <li><a href="contact.html">contact</a></li>
    <li><a href="resume.html">resume</a></li>
    <li><a href="portfolio.html">portfolio</a></li>
    <li><a href="index.html">home</a></li>
    </ul>
  </div> <!-- end of nav -->
 
<div id="main">

<form action="index.html" method="post" name="contact" id="contact">
 
    <div>
      <label for="name" class="label"><span>your</span> name<em>*</em></label>
      <input name="name" type="text" class="required" id="name"  title="Please type your name." />
    </div>
  
    <div>
      <label for="email" class="label"><span>your</span> email address<em>*</em></label>
      <input name="email" type="text" id="email" class="required email" title="Please type a valid email address." />
    </div>
   
    <div>
<label for="subject" class="label"><span>your</span> subject<em>*</em></label>
<input name="subject" type="text" id="subject" class="required" title="Please type a message.">
    </div>
   
    <div>
      <label for="message" class="label"><span>your</span> message<em>*</em></label>
      <textarea name="message" cols="15" rows="7" id="message" class="required" title="Please type a message."></textarea>
    </div>
   
    <div>
     <input type="submit" name="submit" id="submit" value="submit" />
    </div>
  </form>

</div> <!-- end of main -->

</div><!-- end of wrapper -->
</body>
</html>