Checkbox doesn't work even if the id attribute of input element and for attribute of label element is same.

<input type="checkbox" value="{{ $option }}"
 id="{{ $option->other_option_id }}">
<label for="{{ $option->other_option_id }}"
 class="label-table"></label>

This doesn't work but when I append any string to it like "_check" it works.

<input type="checkbox" value="{{ $option }}"
 id="{{ $option->other_option_id }}_check">
<label for="{{ $option->other_option_id }}_check"
 class="label-table"></label>

The second piece of code is able to manipulate checkbox state. I am not able to understand why the first piece of code doesn't work.

---