title: Valid vs Validate
body: <p>I am trying to learn jQuery and have stumbled across a strange problem (perhaps strange only to me). So here goes:
  I have a form with id <code>mainform</code> in my app. Now I wanted to validate the form with jQuery. Also I wanted to set the invalid fields in blue color. For that I added css</p>
  
  <pre><code>.error{
    background-color:blue;
  }
  </code></pre>
  
  <p>When I run <code>$('form#mainform').valid();</code> in the console, I get the highlights and everything works fine. However when I run <code>$('form#mainform').validate();</code>, I get lots of data and nothing happens.</p>
  
  <p>Also if I run <code>.valid()</code> before <code>validate()</code>, various options such as error placement etc. don't seem to work.</p>
  
  <p>I want to know the difference between these, why they are behaving so differently and where they should be used. I will appreciate if anyone can point me in right direction.</p>
  
  <p>Note: I am using jquery.validate.js</p>