title: jQuery validate plugin: hide error message and show focussed elements
body: <p>I am using jQuery validate plugin for client side validation on my registration form. I want to hide the error message "Please enter your firstname" and show the required field in red box instead. </p>
  
  <p>Following is my code: </p>
  
  <pre><code>&lt;script&gt;
      $("#register-form").validate({
          errorPlacement: function(error, element) {
              return true;
          }
          rules: {
              firstname: "required",
              lastname: "required"
          },
          messages: {
              firstname: "Please enter your firstname",
              lastname: "Please enter your lastname"
          }
      }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>Here, I have used "errorPlacement" option to hide the error messages but it does hides the message but doesn't focus my required field and also the form is reloaded. </p>
  
  <p><strong>I want all required fields to be focused in red box instead of error messages</strong></p>