Hey,
I am looking to have my passwords match when a user fills out this form I have created. However I do not know how to do this.

Enter the first password and then the second with something completely different, and yet it still accepts it. I don't want that, I want it to reject it if they don't match. Help!

Here is my code so far:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Form Sample</title>
<link rel="stylesheet" href="normalize.css" />
<link rel="stylesheet" href="mystyle.css" />

<!--[if lt IE 8]>
<style>
legend {
display: block;
padding: 0;
padding-top: 30px;
font-weight: bold;
font-size: 1.25em;
color: #FFD98D;
margin: 0 auto;
}
</style>
<![endif]-->

</head>
<body>
<form id="myform" name="theform" class="group" action="sent.html" method="POST">
<fieldset id="login" title="Login Info">
<legend>Log In Info</legend>
<span id="formerror" class="error"></span>
<ol>
<li>
<label for="myname">Name *</label>
<input type="text" name="myname" id="myname" title="Please enter your name" autofocus required placeholder="Last, First" />
</li>
<li>
<label for="myemail">Email *</label>
<input type="email" name="myemail" required id="myemail" autocomplete="off" />
</li>
<li>
<label for="mypassword">Password *</label>
<input type="password" name="mypassword" required id="mypassword" />
</li>
<li>
<label for="mypasswordconf">Password *</label>
<input type="password" name="mypasswordconf" required id="mypasswordconf" />
</li>
</ol>
</fieldset>
<fieldset id="other" class="hidden" title="Other Info">
<legend>Other</legend>
<ol>
<li>
<label for="mytelephone">Telephone *</label>
<input type="tel" name="mytelephone" required id="mytelephone" pattern="\d{3}[\-]\d{3}[\-]\d{4}" placeholder="xxx-xxx-xxxx"/>
</li>
<li>
<label for="myaddress">Address *</label>
<input type="address" name="myaddress" required id="myaddress" placeholder="Street, City, and State" />
</li>
<li>
<label for="myzip">Zip Code *</label>
<input type="zip" name="myzip" required id="myzip" placeholder="xxxxx"/>
</li>
</ol>
</fieldset>
<fieldset id="comments" class="hidden" title="Comments">
<legend>Comments</legend>
<ol>
<li>
<label for="mycomments">Comment</label>
<textarea name="mycomments" id="mycomments"></textarea>
</li>
</ol>
<button type="submit">send</button>
</fieldset>
</form>
<script>
$(document).ready(function() {
$("#myform").validate({
"rules" : {
"mypassword": {
//must be 6 numbers or more
"minlength" : 6,
"required" : true },
"mypasswordconf": {
//must equal first password input
"equalTo" : "#mypassword"}
} //rules
}); //validate
}); //document ready
</script>
<script>
$(document).ready(function() {
$('#myform').submit(function() {
var abort = false;
$("div.error").remove();
$(':input[required]').each(function() {
//call to input required fields
if ($(this).val()==='') {
$(this).after('<div class="error">This is a required field</div>');
abort = true;
}
}); // go through each required value
if (abort) { return false; } else { return true; }
})//on submit
}); // ready

$('input[placeholder]').blur(function() {
$("div.error").remove();
var myPlaceholder = $(this).attr('placeholder');
var isValid = $(this).val().search(myPattern) >= 0;

if (!isValid) {
$(this).focus();
$(this).after('<div class="error">Entry does not match expected pattern: ' + myPlaceholder + '</div>');
} // isValid test
}); // onblur
</script>
</body>
</html>

Thanks!