jQuery Validation displays errors as inline by default, need to change this to inline-block

jquery, jquery-validate

Solution

Use the `errorClass` option to specify the class assigned to error messages and error elements:

$(".selector").validate({
   errorClass: "invalid"
})

<style type="text/css">
  .invalid {
    display: inline-block !important;
  }
</style>

See the documentation for validator options:

http://docs.jquery.com/Plugins/Validation/validate#options

Problem

I am using the jQuery Validation Plugin How do I change the generated error messages `display` value to `inline-block` when not hidden? I have tried with CSS but the jQuery overwrites this.

Original source