title: clicking text should click the radio button in HTML
body: <p>I have this radio button, </p>
  
  <pre><code> &lt;form class="w3-container w3-card-4"&gt;
    &lt;h2&gt;Radio Buttons&lt;/h2&gt;
    &lt;p&gt;
    &lt;input class="w3-radio" type="radio" name="gender"  value="male" checked&gt;
    &lt;label &gt;Male&lt;/label&gt;&lt;/p&gt;
    &lt;p&gt;
    &lt;input class="w3-radio" type="radio" name="gender"  value="female"&gt;
    &lt;label &gt;Female&lt;/label&gt;&lt;/p&gt;
    &lt;p&gt;
    &lt;input class="w3-radio" type="radio" name="gender" value="" disabled&gt;
     &lt;label&gt;Don't know (Disabled)&lt;/label&gt;&lt;/p&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>
   </p>
  
  <p>The problem is when I click on the label text the radio button is not selected. is there a way to fix this?</p>