I'm using Jquery Validate on a form (validating the email address field) and it works perfectly fine in all browsers but it's not working as expected in IE9 (and possibly 8/7).

I've used a Placeholder on the email field ("enter your email address") and as it's not supported in earlier versions of IE, I'm using Modernizr to create the functionality.  As I can tell, if the functionality isn't there, it adds the Placeholder text as the input value.  Therefore, when the page is loaded, the Validate script is seeing there's a value and thus validating it - in this case, the value is not a valid email address and shows me the Invalid error message on page load.

It is still doing the validation correctly throughout the process (so if I add "sfdfs" it knows it's not valid, if I remove everything it knows the field is empty and thus shows me the Required error and so on), it's just annoying that it shows the Invalid error message on page load!

Is there any way around this without changing the Placeholder to be an email address?