title: Validate Dynamically Added Input fields
body: <p>I have used <a href="http://docs.jquery.com/Plugins/Validation" rel="noreferrer">this</a> jquery validation plugin for the following form.</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(document).ready(function(){
          $("#commentForm").validate();
      });
  
      function addInput() {
          var obj = document.getElementById("list").cloneNode(true);
          document.getElementById('parent').appendChild(obj);
      }
  &lt;/script&gt;
  
  &lt;form id="commentForm" method="get" action=""&gt;
      &lt;p id="parent"&gt;
          &lt;input id="list"  class="required" /&gt;
      &lt;/p&gt;
  
      &lt;input class="submit" type="submit" value="Submit"/&gt;
      &lt;input type="button" value="add" onClick="addInput()" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>When the add button is clicked a new input is dynamically added. However when the form is submitted only the first input field is validated. How can i validate dynamically added inputs? 
  Thank you...</p>