title: Dynamically added inputs groups validation problem
body: <p>Can't validate dynamically added inputs groups.
  I used jquery-validate: v1.19.2 (<a href="https://jqueryvalidation.org/" rel="nofollow noreferrer">https://jqueryvalidation.org/</a>) on Chrome 84.0.4147.89
  Steps to reproduce:
  <a href="https://jsfiddle.net/7hzv8fgn/" rel="nofollow noreferrer">https://jsfiddle.net/7hzv8fgn/</a>
  I append this block:</p>
  <pre><code>&lt;div class=&quot;product-form-template&quot;&gt;
          &lt;div class=&quot;col-lg-12 text-center font-weight-bold&quot;&gt;&lt;h4 class=&quot;count-input&quot;&gt;#1:&lt;/h4&gt;&lt;/div&gt;
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;Product_name[]&quot; placeholder=&quot;Product name*&quot; required&gt;
          &lt;/div&gt;
          &lt;div class=&quot;form-row&quot;&gt;
              &lt;div class=&quot;form-group col-md-3&quot;&gt;
                  &lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;Size[]&quot; placeholder=&quot;Size&quot;&gt;
              &lt;/div&gt;
              &lt;div class=&quot;form-group col-md-3&quot;&gt;
                  &lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;Color[]&quot; placeholder=&quot;Color&quot;&gt;
              &lt;/div&gt;
              &lt;div class=&quot;form-group col-md-3&quot;&gt;
                  &lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;Qty[]&quot; placeholder=&quot;Qty*&quot; required&gt;
              &lt;/div&gt;
              &lt;div class=&quot;form-group col-md-3&quot;&gt;
                  &lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;Price[]&quot; placeholder=&quot;Price*&quot; required&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>Validate only first block of inputs. How to validate all of them?</p>