Clicking on the label doesn't not toggle the checkbox

[brlin-tw]

Refer the following clip:

The checkbox is not toggled after clicking on the respective label

<li class="task-list-item" data-startline="2" data-endline="3">
    <input type="checkbox" class="task-list-item-checkbox ">
    <label></label>
    label
</li>

which turns out the label text isn't enclosed by the label element, and the label element does not associated with the corresponding input element either...

Reproduce: https://codimd-app.herokuapp.com/hlAPcGw5TkmI7w_sSpptUQ

Also refer: - HTML: Hypertext Markup Language | MDN