title: jQuery validate error when select is added dynamically
body: <p>I have a form where blocks of HTML are added dynamically when someone wishes (for example) to "Add Another Adult" to a family. </p>
  
  <p>I want each field to have a unique name, so I'm using a counter: the first name field for the first adult is 'firstName1,' for the second 'firstName2,' and so on.</p>
  
  <p>Because I want to add custom messages to the fields (and the Validate plugin doesn't have a messages() method), I'm trying to add the rules immediately after the HTML is added to the DOM.</p>
  
  <p>This works fine for text inputs, but throws an error for select elements -- 'TypeError: d is undefined'.</p>
  
  <p>For example:</p>
  
  <pre><code>$("input[name='city" + counter + "']").rules("add", {required:true, messages: {required:"Please enter a city."
  }});
  </code></pre>
  
  <p>... works fine. But ...</p>
  
  <pre><code>$("input[name='state" + counter + "']").rules("add", {required:true, messages: {required:"Please enter a state."
  }});
  </code></pre>
  
  <p>... which identifies a select box, throws the error.</p>
  
  <p>The behavior is consistent. There are several selects which are added, and adding a rule to any of them in the manner shown above throws the error.</p>
  
  <p>I'll mention that all select boxes have an initial option with a value of "", so the required validation should work properly.</p>
  
  <p>But of course, it never gets a chance. The error is thrown when the rule is added.</p>
  
  <p>Does anyone have any idea why this might be happening?</p>