Hello I was wondering if anyone could help. I am trying to use jQuery in helping me validate a form on a module I created, but can't seem to get it to work properly. I have posted the code below:

[code]

<?php

class myForm
{
function index()
{
section_content('

<script type="text/javascript" src="[url]http://code.jquery.com/jquery-latest.js"></script>[/url]
<script type="text/javascript" src="[url]http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>[/url]

<script type="text/javascript">
$(document).ready(function() {
$("#form1").validate({
rules: {
name: "required",// simple rule, converted to {required:true}
email: {// compound rule
required: true,
email: true
},
url: {
url: true
},
comment: {
required: true
}
},
messages: {
comment: "Please enter a comment."
}
});
});
</script>

<style type="text/css">

• { font-family: Verdana; font-size: 11px; line-height: 14px; }
  .submit { margin-left: 125px; margin-top: 10px;}
  .label { display: block; float: left; width: 120px; text-align: right; margin-right: 5px; }
  .form-row { padding: 5px 0; clear: both; width: 700px; }
  label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; }
  input[type=text], textarea { width: 250px; float: left; }
  textarea { height: 50px; }
  </style>
  </head>

<form id="form1" method="post" action="">
<div class="form-row"><span class="label">Name </span><input type="text" name="name" /></div>
<div class="form-row"><span class="label">E-Mail </span><input type="text" name="email" /></div>
<div class="form-row"><span class="label">URL</span><input type="text" name="url" /></div>
<div class="form-row"><span class="label">Your comment *</span><textarea name="comment" ></textarea></div>
<div class="form-row"><input class="submit" type="submit" value="Submit"></div>
</form>

');
}
}

?>
[/code]