title: Add more/remove functionality is throwing out of validation
body: <p>I am trying to submit a form in that I have <strong>Addmore</strong> functionality in it.</p>
  
  <p><strong>Example:</strong> I have entered name and then I have used addmore button so now remove appeared in second <strong>tr</strong>.
  When I click the remove that <strong>tr</strong> is removed now, but when click the form submit button it is skipping the phone number validation,
  so to remove the functionality is throwing out validation.</p>
  
  <p>My html somewhat looks like this:</p>
  
  <pre><code>&lt;form&gt;
   Name&lt;input type="text"  name="name" id="name"  placeholder="Name Your Name "/&gt;
  
  &lt;table class="skillsTable" id="jobSkills"&gt;
   &lt;tbody&gt;
    &lt;tr class="gdskilltr"&gt;
     &lt;td&gt;&lt;button type="button" class="addSkills"&gt; Add Skill&lt;/button&gt;&lt;/td&gt;
     &lt;td&gt;&lt;button type="button" class="removeSkill"&gt; Remove Skill&lt;/button&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/tbody&gt;
  &lt;/table&gt;
  
   phone&lt;input type="text"  name="phone" id="phone"  placeholder="enter Your phone "/&gt;
  
   &lt;button type="submit" id="JobSubmit"&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>And here my Javascript validation starts:</p>
  
  <pre><code>var skillcount = 1;
  $(".addSkills").click(function () {
  $('#jobSkills tr:last').after('&lt;tr class="gdskilltr "&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;');
  skillcount++;
  });
  $("#jobSkills").on('click', '.removeSkill', function () {
  $(this).parent().parent().remove();
  });
  
  $("#JobSubmit").click(function () {
  if ($("#name").val() == '') {
  $("#warning_message").html('Please Enter name');
  $("#name").focus();
  return false;
  }
  
  if ($("#phone").val() == '') {
  $("#warning_message").html('Please Enter name');
  $("#phone").focus();
  return false;
  }
  }
  </code></pre>