title: How to associate label elements with radio buttons
body: <p>I have some option buttons in my form and I always need to click exactly on the round option button to select it. Is there a way to allow user to click on the associated label to select the option button? </p>
  
  <p><img src="https://i.stack.imgur.com/G8WaS.png" alt="enter image description here"></p>
  
  <pre><code>&lt;p&gt;
      &lt;span class="editor-label"&gt;
          @Html.LabelFor(m =&gt; m.ADR)
      &lt;/span&gt;
      &lt;span class="editor-field"&gt;
          @Html.RadioButtonFor(model =&gt; model.ADR, "Yes", AdrYesOptions) 
          @UserResource.YesValue
          @Html.RadioButtonFor(model =&gt; model.ADR, "No", AdrNoOptions) 
          @UserResource.NoValue 
  
      &lt;/span&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>I found some solutions here: <a href="https://stackoverflow.com/questions/658689/how-to-associate-labels-with-radio-buttons">How to associate labels with radio buttons</a> but these don't suit me because I prefer a solution specific for MVC.</p>