Issue with jQuery Form Validation Plugin


I’ve got a form that uses the jquery.validate.js plugin (

There seems to be an issue with the validation of the Gender field. When I disable the CSS I get an error message if no Gender is chosen, though oddly enough it appears in between the radio button and the label.

However if CSS is applied, then there is no error message. I don’t even see anything when I look at the code in Firebug.

Would anyone have an idea what’s going on here. I’d love the error message to display (and preferably not between the radio button and the label).

Many thanks!

This is what seems to be causing the problem:

input[type="checkbox"] {
  display: none;