title: jQuery Validation message colour
body: <p>I have a jQuery validation routine for my form, I've managed to highlight each control border in red - that was pretty easy.</p>
  
  <p>I would like to display the messages returned for each error are shown in black, and I would like to change that to red - unfortunately I'm unable to find any useful information on how I would achieve this. </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $("form").validate({
              errorClass: 'errors',
              rules: {
                  txtWDUCI: {
                      required: true,
                      minlength: 13,
                  },
                  txtWDCAND: {
                      required: true,
                      minlength: 4
                  },
                  txtWDCENT: {
                      required: true,
                      minlength: 5
                  },
                  mskWDQAN: {
                      required: true,
                      minlength: 8
                  },
                  mskWDLEAP: {
                      required: true,
                      minlength: 4
                  },
                  drpWDSES: {
                      required: true
                  },
                  drpWDSYY: {
                      required: true
                  },
                  drpWDEXAM: {
                      required: true
                  },
                  drpWDBRD: {
                      required: true
                  },
                  mskSubj: {
                      required: true,
                      minlength: 4
                  },
                  mskWDOPT: {
                      required: true
                  },
                  txtWDGRD1: {
                      required: true
                  },
                  txtWDGRD2: {
                      required: true
                  },
              },
              messages: {
                  txtWDUCI: {
                      required: "&amp;nbsp;REQUIRED: UCI"
                  },
                  txtWDCAND: {
                      required: "&amp;nbsp;REQUIRED: Candidate Number"
                  },
                  txtWDCENT: {
                      required: "&amp;nbsp;REQUIRED: Centre Number"
                  },
                  mskWDQAN: {
                      required: "&amp;nbsp;Required: QAN"
                  },
                  mskWDLEAP: {
                      required: "&amp;nbsp;REQUIRED: LEAP"
                  },
                  drpWDSES: {
                      required: "&amp;nbsp;REQUIRED: session"
                  },
                  mskSubj: {
                      required: "&amp;nbsp;REQUIRED: Subject Code"
                  },
                  mskWDOPT: {
                      required: "&amp;nbsp;REQUIRED: Option Code"
                  },
                  txtWDGRD1: {
                      required: "&amp;nbsp;REQUIRED: GRADE 1"
                  },
                  txtWDGRD2: {
                      required: "&amp;nbsp;REQUIRED: Grade 2"
                  }
  
              },
              highlight: function (element) {
                  $(element).parent().addClass('error')
              },
              unhighlight: function (element) {
                  $(element).parent().removeClass('error')
              }
          });
      &lt;/script&gt;
  </code></pre>