title: Clicking the text to select corresponding radio button
body: <p>I'm creating a quiz web application using PHP.  Each question is comprised of a separate <code>&lt;label&gt;</code> and has 4 possible choices, using <code>radio buttons</code> to allow the user to select his/her answer.  The current HTML for a single question looks like: </p>
  
  <pre><code>&lt;label for="349"&gt;What is my middle name?&lt;/label&gt;
  &lt;br&gt;
  &lt;input id="349" type="radio" value="1" name="349"&gt;Abe
  &lt;br&gt;
  &lt;input id="349" type="radio" value="2" name="349"&gt;Andrew
  &lt;br&gt;
  &lt;input id="349" type="radio" value="3" name="349"&gt;Andre
  &lt;br&gt;
  &lt;input id="349" type="radio" value="4" name="349"&gt;Anderson
  &lt;br&gt;
  </code></pre>
  
  <p>I would like the user to <strong>have the option of clicking on the text associated with radio button.</strong>  Right now, the user can only click on the radio button itself - which I find to be a quite cumbersome task.  </p>
  
  <p>I read <a href="https://stackoverflow.com/questions/3396351/unable-to-select-a-particular-radio-button-choice-by-clicking-on-the-choice-text">Unable to select a particular radio button choice by clicking on the choice text</a> and the suggestion points toward making the <code>for</code> and <code>id</code> attributes of the tags match.  I have done this and it still doesn't work.  </p>
  
  <p>My question is: <strong>I'd like to be able to click the text of an <code>&lt;input type="radio"&gt;</code> object, as opposed to only being able to select the radio button itself.</strong>  I know I've read about this before but can't seem to find any solution to my problem.  Any help or suggestions are much appreciated!</p>