title: Change Radio Button Colour in Bootstrap 3 using JQuery
body: <p>So I have some radio buttons:</p>
  
  <pre><code>&lt;div class="form-group text-danger"&gt;
                  &lt;label class="control-label col-md-4 pull-left text-danger" for="SongTitle"&gt;Is a Remix&lt;/label&gt;
                  &lt;div class="col-md-8"&gt;
                      &lt;div class="admin-form theme-primary"&gt;
                          &lt;div class="radio-custom radio-primary mt10 mr10 pull-left text-danger"&gt;
                              @Html.RadioButtonFor(m =&gt; m.IsRemix, true, new { @class = "control-label col-md-4 text-danger" })
                              &lt;label for="IsRemixYes"&gt;Yes&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="radio-custom radio-primary mt10 pull-left text-danger"&gt;
                              @Html.RadioButtonFor(m =&gt; m.IsRemix, false, new { @class = "control-label col-md-4 text-danger" })
                              &lt;label for="IsRemixNo"&gt;No&lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="form-group"&gt;
                  &lt;label class="control-label col-md-4 pull-left text-danger" for="SongTitle"&gt;Contains Sample&lt;/label&gt;
                  &lt;div class="col-md-8"&gt;
                      &lt;div class="admin-form theme-primary"&gt;
                          &lt;div class="radio-custom radio-primary mt10 mr10 pull-left"&gt;
                              @Html.RadioButtonFor(m =&gt; m.ContainsSample, true, new { @class = "control-label col-md-4 text-danger" })
                              &lt;label for="ContainsSampleYes"&gt;Yes&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="radio-custom radio-primary mt10 pull-left"&gt;
                              @Html.RadioButtonFor(m =&gt; m.ContainsSample, false, new { @class = "control-label col-md-4 text-danger" })
                              &lt;label for="ContainsSampleNo"&gt;No&lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>I have tried to added a class, but it did not change the colour, I am using a theme and dont want to modify the theme css. Is it possible to use JQuery?</p>
  
  <p>This is my CSS:</p>
  
  <pre><code>.radio-custom.radio-primary input[type=radio]:checked + label:after,
  .radio-custom.radio-primary input[type=checkbox]:checked + label:after,
  .checkbox-custom.checkbox-primary input[type=checkbox]:checked + label:after,
  .checkbox-custom.checkbox-primary input[type=radio]:checked + label:after {
    background-color: #4ea5e0;
    color: #4ea5e0;
  }
  .checkbox-custom.fill.checkbox-primary label:before {
    background-color: #4ea5e0;
  }
  </code></pre>