title: Select radio button behind a label
body: <p>I am having trouble selecting a particular radio button (Male or female) I have looked at several other posts to no avail. I get the error message:</p>
  
  <p>selenium.common.exceptions.ElementNotVisibleException: Message: element not visible
    (Session info: chrome=62.0.3202.94)
    (Driver info: chromedriver=2.33.506120 (e3e53437346286c0bc2d2dc9aa4915ba81d9023f),platform=Windows NT 10.0.16299 x86_64)</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="btn-group gender-input form-field customize" data-toggle="buttons" title="Gender"&gt;
      &lt;label for="census_primary_genderMALE" class="btn btn-input "&gt;&lt;input type="radio" value="MALE" name="census.primary.gender" id="census_primary_genderMALE"&gt;&lt;div class="radio-switcher"&gt;&lt;/div&gt;Male&lt;/label&gt;
  
      &lt;label for="census_primary_genderFEMALE" class="btn btn-input active"&gt;&lt;input type="radio" checked="checked" value="FEMALE" name="census.primary.gender" id="census_primary_genderFEMALE"&gt;&lt;div class="radio-switcher"&gt;&lt;/div&gt;Female&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/hbA0M.png" rel="nofollow noreferrer">My Code</a></p>