title: How to make the text of selected radio button label bold using jQuery or javascript?
body: <p>I want to  make the text of selected radio button label bold using jQuery or javascript. I don't know how to triggerthe function I wrote.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row field"&gt;
    &lt;div class="radios"&gt;
      &lt;label class="radio-inline"&gt;&lt;input type="radio" name="gender" value="Male" id="male" checked&gt;Male&lt;/label&gt;
  
      &lt;label class="radio-inline"&gt;&lt;input type="radio" name="gender" value="Female" id="female"&gt;Female&lt;/label&gt;
  
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("input[name=gender]:radio").change(function () {
   var gender = $('input[name="gender"]:checked').val();
  
   switch(gender){
    case "Male":
    $(":radio[value=Male]").css("font-weight", "bold");
    break;
      
    case "Female":
    $(":radio[value=Female]").css("font-weight", "bold");
    break;
   }
  });</code></pre>
  </div>
  </div>
  </p>