title: Issue when clicking checkbox label
body: <p>Whenever I click on the label (in a checkbox), it goes to the top of the page.</p>
  
  <p>I have actually deleted all scripts and style, and still gives the same result. It's probably related to the loop, but still investigating.</p>
  
  <pre><code>&lt;% @requests.each do |request| %&gt;
      &lt;%= form_with(model: request, remote: true, :id =&gt; "form#{id}", :class =&gt; "form-class") do |form| %&gt;
          &lt;%= form.collection_check_boxes :category_ids, Category.all, :id, :name do |b| %&gt;    
            &lt;%= b.check_box %&gt;
            &lt;%= b.label   %&gt;
          &lt;% end %&gt;
      &lt;% end %&gt;
  &lt;% end %&gt;
  </code></pre>
  
  <p>The generated HTML</p>
  
  <pre><code>&lt;input type="checkbox" value="24" name="request[category_ids][]" id="request_category_ids_24"&gt;
  &lt;label for="request_category_ids_24"&gt;This is a general option&lt;/label&gt;
  </code></pre>
  
  <p>Each label and input have unique ids</p>
  
  <p>It should selected the checkbox, and do nothing, but instead goes to the top of the page.</p>