title: Radio button not working with jquery repeater
body: <p><a href="https://i.stack.imgur.com/cqfNP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cqfNP.png" alt="Repeater field"></a>I've the following code for repeater field. All the input fields in the repeater field except the radio button are working.</p>
  
  <pre><code>&lt;div data-repeater-item&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;div class="form-check form-check-inline"&gt;
                  &lt;div class="custom-radio"&gt;
                      &lt;input class="form-check-input" type="radio" name="period_type" id="inlineRadio7" value="Month"&gt;
                      &lt;label class="form-check-label" for="inlineRadio7"&gt;Month&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-check form-check-inline"&gt;
                  &lt;div class="custom-radio"&gt;
                      &lt;input class="form-check-input" type="radio" name="period_type" id="inlineRadio8" value="Day"&gt;
                      &lt;label class="form-check-label" for="inlineRadio8"&gt;Day&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;input type="number" class="form-control" name="period" placeholder="00"&gt;
              &lt;label class="form-check-label"&gt;Month&lt;/label&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label class="form-check-label"&gt;Default price
                  &lt;!--per Month--&gt;&lt;/label&gt;
              &lt;input type="number" class="form-control" name="default_price" placeholder="00,000"&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label class="form-check-label"&gt;Discounted price
                  &lt;!--per Month--&gt;&lt;/label&gt;
              &lt;input type="number" class="form-control" name="discount_price" placeholder="00,000"&gt;
          &lt;/li&gt;
          &lt;li class="add-remove"&gt;
              &lt;input class="remove" data-repeater-delete type="button" value="- Remove" /&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;   
  </code></pre>
  
  <p>When clicking the radio button of 2nd or the following radio buttons group, the first radio button group is changing (Because of the id that i've provided for the radio input i think ). How to make the radio buttons works too?<br>
  Any help will be greatly appreciated. </p>