Materialize CSS Checkbox on asp.net MVC
<p>The code for one of my checkboxes is as follows:</p>

<pre><code>@Html.CheckBox("option1", new { id = "option1" })
&lt;label for="option1"&gt;Option 1&lt;/label&gt;
</code></pre>

<p>But when I "Inspect Element" it renders as:</p>

<pre><code>&lt;input data-val="true" data-val-required="The option1 field is required." id="option1" name="option1" type="checkbox" value="true" /&gt;
&lt;input name="option1" type="hidden" value="false" /&gt;
&lt;label for="option1"&gt;Option 1&lt;/label&gt;
</code></pre>

<p>According to <a href="http://materializecss.com/forms.html" rel="nofollow">http://materializecss.com/forms.html</a> the label tag should come after the input tag that it relates to therefore the checkbox "image" is relating to the hidden field rather than the visible field. I still need the hidden field, I just need to put the label in between the visible and hidden field.</p>