title: Styled Html Radio Button Not Checking
body: <p>When I click the radio button, the button is not being clicked and other buttons click status not changing. </p>
  
  <p>CSS is here:</p>
  
  <pre><code>  input[type="radio"] 
      {
      display:none;
      }
  input[type="radio"] + label
  {
      height: 20px;
      display:block;
      padding: 0 0 0 0px;
      vertical-align:top;
  }
  
  input[type="radio"] + label::before {
      content: url("../../../Content/images/Icons/radiounchecked.png");
      width: 20px;
      height: 20px;
      padding-right: 3px;
  
  }
  input[type="radio"]:checked + label::before {
      content: url("../../../Content/images/Icons/radiochecked.png");
  
  }
  </code></pre>
  
  <p>It is MVC 4 project and radio creating here</p>
  
  <pre><code>@Html.RadioButtonFor(Function(m) m.Variations(j).SelectedVariationID, Model.Variations(j).Options(i).OptionID )
  </code></pre>
  
  <p>Generated HTML codes Here :</p>
  
  <pre><code>&lt;input checked="true" id="Variations_0__SelectedVariationID" name="Variations[0].SelectedVariationID" type="radio" value="77"&gt;
  &lt;label for="77"&gt;Siyah Çikolata   $0.00&lt;/label&gt;
  </code></pre>