HTML5 Form Validation - Can't Find Documentation and Need Help

[unemployment]

I have this basic form but I don't know how to validate it using the jQuery's form validation plugin.  It's not behaving properly when I click the submit button.  Usually on the full name field validation executes properly.  Is there something else I need to do because I am using HTML5?  Can you link me to documentation for this specific use?

 

I threw my latest build up on http://dev.jasonbiondo.com/contact.php

 

When you click submit and haven't filled out any information only the name field throws the error.  If you click around some more you can get the other errors to fire, but it's not firing all three errors like it should when the fields are empty. Any thoughts as to why this is?

 

JS

$("#contact_form").validate();

 

HTML

<form id="contact_form">

    <div>

        <input id="name" class="required" type="text" placeholder="Full Name">

    </div>

    <div>

        <input id="email" class="required email" type="text" placeholder="Email Address">

    </div>

    <div>

        <textarea id="message" class="required" placeholder="Message"></textarea>

    </div>

    <div>

        <input class="btn_primary" type="submit" value="Send">

    </div>

</form>