title: Can't click on label to select checkbox with Bootstrap checkbox layout
body: <p>So I have the following code:</p>
  
  <pre><code>// the loop
                  $countId = 0;
                  $dateOnce = '';
                  foreach ($postDates as $post):
                      if (substr($post-&gt;post_date, 0, 7) != $dateOnce) {
                          echo'
                              &lt;div class="checkbox"&gt;
                                  &lt;label for="filterByPostDate-' . $countId . '"&gt;
                                      &lt;input type="checkbox" id="filterByPostDate-' . substr($post-&gt;post_date, 0, 7) . '" class="postDateFilters postDateFilterCb-' . $countId . '" name="filterByPostDate-' . $countId . '" value="' . substr($post-&gt;post_date, 0, 7) . '" '; if (isset($_SESSION["filterByPostDate"])) { $key = array_search(substr($post-&gt;post_date, 0, 7), $_SESSION["filterByPostDate"]); } else { $key = false; } if($key !== false) { echo 'checked'; } echo ' /&gt;
                                      ' . date('M, Y', strtotime($post-&gt;date_part)) . '
                                  &lt;/label&gt;
                              &lt;/div&gt;
                          ';
                      }
                      $dateOnce = substr($post-&gt;post_date, 0, 7);
                  $countId++;
                  endforeach;
                  // END the loop
  </code></pre>
  
  <p>Which outputs checkboxes and labels for the wordpress frontend.
  But when I click on the label for each checkbox the checkbox doesn't get selected.</p>
  
  <p>Here is a <a href="https://jsfiddle.net/02bts6oq/" rel="noreferrer">js fiddle</a> which shows the problem.</p>
  
  <p>Cheers for the help.</p>