title: How to avoid @Html.CheckBoxFor generating hidden field?
body: <p>Using @Html.CheckBoxFor generates a hidden field. Is there a way I can avoid generating that ?</p>
  
  <p>Why I want to do that ? I was provided design, which has some script or library used in it for visual display. It works fine if Html is in below  format (Checkbox with Label):</p>
  
  <pre><code>&lt;div&gt;
                      &lt;input type="checkbox" value="resources" id="resources" class="cb"&gt;
                      &lt;label for="resources"&gt;
                          I need an offset facility
                      &lt;/label&gt;
                      &lt;i class="tooltip-icon" data-icon="repayments"&gt;&lt;/i&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>But it do not work if there is a hidden field between Checkbox and Label:</p>
  
  <pre><code> &lt;div&gt;
  &lt;input id="HomeLoanLead_Redraw_flexibility_Value" class="cb" type="checkbox" value="true" name="HomeLoanLead.Redraw_flexibility_Value" data-val-required="The Redraw_flexibility_Value field is required." data-val="true"&gt;
  &lt;input type="hidden" value="false" name="HomeLoanLead.Redraw_flexibility_Value"&gt;
  &lt;label for="HomeLoanLead_Redraw_flexibility_Value"&gt; I want to make extra repayments &lt;/label&gt;
  &lt;i class="tooltip-icon" data-icon="loan"&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I try using <code>&lt;input type=checkbox&gt;</code> I m afraid I will not get out of box model binding in post action.</p>
  
  <p>Please help.</p>