title: jQuery validate plugin on DIV
body: <p>I am trying to use the <a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="noreferrer">validate plugin</a> on a div as shown in the answer to <a href="https://stackoverflow.com/questions/1046739/jquery-validator-plugin-without-using-form/1089155#1089155">this question</a>:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $("#pseudoForm").validate({
      onfocusout:true,
      rules:{
        first_name:"required",
        last_name:"required"
      }
    });
  &lt;/script&gt;
  &lt;!-- whatever --&gt;
  &lt;div id="pseudoForm"&gt;
    &lt;input type="text" name="first_name"/&gt;
    &lt;input type="text" name="last_name"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have all within a form. </p>
  
  <p>I am getting a bunch of different errors on different browsers.</p>
  
  <ul>
  <li><strong>Firefox</strong>: validator in undefined  </li>
  <li><strong>IE8</strong>: 'settings' is null or not an
  object</li>
  <li><strong>Chrome</strong>: Cannot read property 'settings' of undefined</li>
  </ul>
  
  <p>Any help appreciated!</p>