Html.Checkbox для отключен - не привязывается должным образом на странице

Question

У меня есть HTML-разметка моей страницы, например:

<div class="form-group m-b-30">
    <div class="col-xs-12">
        <div class="checkbox checkbox-primary">
            @Html.CheckBoxFor(m=>m.RememberMe)
            <label for="checkbox5">Remember me</label>
        </div>
    </div>
</div>

И по моему мнению модель:

public bool RememberMe {get;set;}

но флажок вообще не кликабелен....

Что я делаю неправильно?

Привет @StephenMuecke, это сгенерированный HTML с вышеупомянутым Html.CheckBoxFor:

<div class="checkbox checkbox-primary">
                                                <input data-val="true" data-val-required="The RememberMe field is required." id="checkbox5" name="RememberMe" type="checkbox" value="true"><input name="RememberMe" type="hidden" value="false">
                                                <label for="checkbox5">
                                                    Remember me
                                                </label>
                                            </div>

И это включенное изображение страницы, как это выглядит:

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #458bc4;
  border-color: #458bc4; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

И флажок класса:

.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    font-family: "Noto Sans", sans-serif;
    font-weight: normal; }