How to get materializecss checkbox to work with @Html.CheckBoxFor?

Question

So I\'m having an issue trying to implement materializecss\' checkbox with @Html.CheckBoxFor. If I input exactly:

Answer 1

I Was having same problem and the order of ChecBoxFor and LabelFor were like peter.edwards suggest. For me the problem was caused by a hidden element generated by @Html.CheckBoxFor:

IsActive

What I did to solve the problem was, move the hidden element to the bottom of the parent element:

 $("input[type='hidden']").each(function (index, element) { 
        $(this).appendTo($(element).parent());
    });