title: Jquery Validation - How to validade a dynamic form?
body: <p>I'm new to Jquery Validation(<a href="http://docs.jquery.com/Plugins/Validation" rel="nofollow">http://docs.jquery.com/Plugins/Validation</a>)</p>
  
  <p>I've a dynamic form. I need to know if it possible to validate a form like this:</p>
  
  <pre><code>&lt;form ...&gt;
  &lt;div class="multi-city"&gt;                        
      &lt;div class="controls visible"&gt;
          &lt;label for="id_form-0-city_input"&gt;City&lt;/label&gt;
          &lt;input type="text" name="form-0-city_input" class="city-input ui-autocomplete-input" id="id_form-0-city_input" autocomplete="off"&gt;
          &lt;p style=""&gt;&lt;a href="#" class="delete"&gt;Remove&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;input type="hidden" id="id_form-0-city" name="form-0-city"&gt;
  
      &lt;div class="controls visible"&gt;
          &lt;label for="id_form-1-city_input"&gt;City&lt;/label&gt;
          &lt;input type="text" name="form-1-city_input" class="city-input ui-autocomplete-input" id="id_form-1-city_input" autocomplete="off"&gt;
          &lt;p style=""&gt;&lt;a href="#" class="delete"&gt;Remove&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;input type="hidden" id="id_form-1-city" name="form-1-city"&gt;
  
      &lt;div class="controls hidden"&gt;
          &lt;label for="id_form-2-city_input"&gt;City&lt;/label&gt;
          &lt;input type="text" name="form-2-city_input" class="city-input ui-autocomplete-input" id="id_form-2-city_input" autocomplete="off"&gt;
          &lt;p style=""&gt;&lt;a href="#" class="delete"&gt;Remove&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;                                    
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Basically I need to validade the ".controls.visible". By code:</p>
  
  <pre><code>$('.multi-city .controls.visible')
  </code></pre>
  
  <p>What strategy should I use to validade this dynamic fields?</p>
  
  <p>Any ideas?</p>
  
  <p>Best Regards,</p>