JQuery Password match Validation

<script id="script1" type="text/javascript">
 jQuery(function(){
        $("#submit").click(function(){
        $(".error").hide();
        var hasError = false;
        var passwordVal = $("#password").val();
        var checkVal = $("#password-check").val();
        if (passwordVal == '') {
            $("#password").after('<span class="error">Please enter a password.</span>');
            hasError = true;
        } else if (checkVal == '') {
            $("#password-check").after('<span class="error">Please re-enter your password.</span>');
            hasError = true;
        } else if (passwordVal != checkVal ) {
            $("#password-check").after('<span class="error">Passwords do not match.</span>');
            hasError = true;
        }
        if(hasError == true) {return false;}
    });
 });
</script>

<form action="#" method="POST" id="form-password" name="form1" class="edit">
   <input type=hidden name="page" value="user-account">
     <fieldset>
       <legend>Edit user account</legend>
         <ul>
<li><h4>Account Settings</h4></li>
<li><strong>New Password: </strong><input type="text" name="password" id="password"/></li>
<li><strong>Verify new password: </strong><input type="text" name="confpass" id="password-check"/></li>
<li><hr></li>
<li><input type="submit" value="Submit" class="nice blue radius small button" id="submit"/></li>
        </ul>
     </fieldset>
   </form>