title: jQuery validate Uncaught TypeError Cannot read property 'form' of undefined
body: <p>I am using jquery validate <a href="http://jqueryvalidation.org/" rel="nofollow">http://jqueryvalidation.org/</a></p>
  
  <p>I have a form with a first field added manually (hard coded)</p>
  
  <p>Then adding more fields is done programatically. The ARE appended inside the form tags already, into a div #to-append</p>
  
  <p>The one added manually validates fine.</p>
  
  <p>For the rest, I am trying to add the rules like this, every time i add a field:</p>
  
  <pre><code>var $largestID = $("#to-append &gt; div:last &gt; div:first &gt; input:first").attr("id");
  console.log($largestID); //throws right id
  
  $($largestID).rules("add", {
          required: true,
          minlength: 3,
          pattern: yt
  
  });
  </code></pre>
  
  <p>But get the  "Uncaught TypeError Cannot read property 'form' of undefined" error stated above.</p>
  
  <p>Any help would be appreciated.</p>