title: Adding jQuery validator rules to dynamically created elements in ASP
body: <p>I've got some dynamically inserted form fields on a page in an MVC3 project.  Normally we would add the jQuery validation server-side, but in this case we can't (multiple fields in the UI generate the value for one hidden field - and this is what is submitted.  We can't validate against a hidden field, so we must instead add UI-only validation for the fields the user can see)</p>
  
  <p>Once the fields are dynamically added to the page, I run the following code over the container:</p>
  
  <pre><code>$container.find(".date").rules("add", {
      required: true,
      messages: {
          required: "The date is required"
      }
  });
  </code></pre>
  
  <p>But it doesn't work!  Oddly enough, disabling the above code, creating the dynamic elements, then running the code in the browser JS console works, but only the default validation message shows.</p>
  
  <p>I'm at a loss.  Any ideas?</p>
  
  <p>I am using jQuery Validation 1.9.0 &amp; the unobtrusive plugin</p>