Eu tenho duas entradas, por exemplo

pass:       <input type="password" name="pass" required/>
pass again:  <input type="password" name="pass2" required/>

e quero comparar essas entradas e, se elas corresponderem, defina a entrada como válida. Eu tentei isso, mas acho queprop('valid', true); não funciona:

$(document).ready(function() {
    $('input[name=pass2]').keyup(function() {
        if($('input[name=pass]').val() == $('input[name=pass2]').val()) {
            $('#pass_hint').empty();
            $('#pass_hint').html('match');
            $(this).prop('valid', true);
        } else {
            $('#pass_hint').empty();
            $('#pass_hint').html('mismatch');
            $(this).prop('invalid', true);
        }
    });
});

Eu crio um formulário de registro e se as senhas não são as mesmas, o campo de entrada é inválido e eu não posso enviar isso e me mostrar alguma dica. ... e não sei como defini essa entrada como inválida