title: Clone validation using jquery partially working
body: <ol>
  <li>Initially when the user click next button it will show the message
  as You have missed 7 fields. Please fill before submitted.</li>
  <li>If the user clicked the add more button it will get clone without
  fill any of the mandatory field if user click next button. The
  message still shows You have missed 7 fields. Please fill before
  submitted</li>
  <li>Once the user starts fills any of the field in the cloned one and he
  missed the rest of the mandatory fields from clone and original div then the   user click the next button it will show these many number of fields are missed.</li>
  </ol>
  
  <pre><code>function check_for_validation_removal(element) {
      var parent_div = $(element).closest("div.cloned-row1,div.cloned-row2,div.cloned-row3,div.cloned-row4,div.cloned-row5").find("input[type='text'],#txt_schName option:selected");
      console.log(parent_div);
      console.log(parent_div.length);
      var invalid_ele = 0;
      parent_div.each(function() {
          if ($(this).val().trim().length == 0) {
              invalid_ele = invalid_ele + 1;
          } 
      });
      console.log(invalid_ele);
      if (parent_div.length == invalid_ele) {
          parent_div.each(function() {
              $(this).removeClass("required_field");
              $(this).rules('remove');
          });
  
          bind_validation();
          update_errors();
      }
  }
  </code></pre>
  
  <p>I tried adding selector in on change still no luck.</p>
  
  <pre><code>$('.cloned_field').on('input','.cloned_div',function(e){
      if($(this).val().trim().length &gt; 0)
      {
  
          $(this).addClass("required_field");
          var parent_div = $(this).closest("div.cloned-row1").find("input");
          parent_div.each(function () {
              $(this).addClass("required_field");
          });
      }
      check_for_validation_removal($(this));
      bind_validation(); 
  });
  </code></pre>
  
  <p>Please help me where I am doing wrong.</p>
  
  <p>Thanks in advance</p>
  
  <p>Here is the fiddle <a href="http://jsfiddle.net/karthic2914/yg97yg19/6/" rel="nofollow">Link</a></p>