Submit a form with jQuery / Javascript without ignoring "required" tag

Question

so I have the following form:

    <form action="register.php" method="post" id="register-form" name="register-form">
    <input type="text" id="username" name="username" placeholder="Username" autofocus="autofocus" required />
    <input type="text" id="password" name="password" placeholder="Password" required />
    <a href="javascript:void(0);" class="btn" onclick="$('#register-form').submit();">Register</a>
    <input type="submit" style="display: none;" />
    </form>

What I want to know, is there a way to make jQuery take care of the "required" tag when submitting a form? Right now it doesn't.

Answer 1

Trigger click on the submit button instead.

http://jsfiddle.net/PdUcq/