title: Set custom validator message using focusout
body: <p>I would like to show the same message "Please enter your first name." when the user presses submit as well as if/when the foucusout event happens.</p>
  
  <p>Currently, when the user submits, I get the correct message. When I click into the field, and then tab out (focusout) I get "This field is required". I would like to get into the validation method somehow so the messages are consistent. </p>
  
  <p>Here is the markup I am using:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;input type="text" id="firstName" name="firstName" /&gt;
  </code></pre>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>var messages = {
      'firstNameRequired': "Please enter your first name."
  };
  
  
  $('input[type="text"]').focusout(function(event) {
      $(this).valid();
  });
  
  ....
  
  function validateForm() {
      $('#myForm').validate({
          'rules': {
              'firstName': {
                  'required': true,
                  'minlength': 3
              }
          },
          'messages': {
              'firstName': messages.firstNameRequired
          }
          ...
  });
  
  // invalid but this is what I'm trying to accomplish:
   $('input[type="text"]').focusout(function(event) {
      $(this).valid({
          // override the default error message...
          'messages': {
              'firstname': messages.firstNameRequired
           }
      });
  });
  </code></pre>
  
  <p>Thank you for your time!</p>