title: jquery.validate not showing messages
body: <p>Can't seem to find out why my jquery.validate script is not showing the messages. Anyone see what I am doing wrong?</p>
  
  <p>Trying to display messages in a separate div:</p>
  
  <p>html:</p>
  
  <pre><code>  &lt;form class="cmxform" id="commentForm" method="get" action=""&gt;
                  &lt;label for="vehiclePrice" class="form-control-label vpl"&gt;Vehicle Price&lt;/label&gt;
                  &lt;input type="text" class="form-control" id="vehiclePrice" placeholder="$0" onkeypress="return isNumberKey(event)" value="25592" required /&gt;
  
                  &lt;label for="estimatedTaxesAndFees" class="form-control-label etfl"&gt;Estimated Taxes and Fees&lt;/label&gt;
                  &lt;input type="text" class="form-control" id="estimatedTaxesAndFees" placeholder="$0" onkeypress="return isNumberKey(event)" value="2843" required /&gt;
  
                &lt;/form&gt;
  
              &lt;div id="error-note"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$(document).ready(function() {
  
  $('#commentForm').validate({
      errorLabelContainer: "#error-note",
      wrapper: "li",
      onfocusout: function(element, event) {
          this.element(element);
      },
      rules: {
          vehiclePrice: 'required',
          estimatedTaxesAndFees: 'required'
  
      },
      messages: {
          vehiclePrice: 'Please enter vehicle price',
          estimatedTaxesAndFees: 'Please enter taxes and fees
      }
  });
  
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/aLYf9/3/" rel="nofollow">fiddle</a></p>