title: radio button select on label click
body: <p>How can I make radio buttons to be selected when I click on any of two labels in front of that radio button?</p>
  
  <p>I have following code for radio buttons:</p>
  
  <pre><code>&lt;div class="label_main" style="width:350px"&gt;
      &lt;div class="label_radio"&gt;
        &lt;input type="radio" name="group1" id="group1" value="0" 
         &lt;?php if($r0==0) { ?&gt;
         checked="checked"
         &lt;?php  } ?&gt;
        /&gt;
      &lt;/div&gt;
      &lt;div class="label_top"&gt;
        &lt;label for="group1"&gt;First Option &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="label_desc"&gt;
        &lt;label for="group1"&gt;This is first option &lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
        &lt;/div&gt; 
  
    &lt;div class="label_main" style="width:350px"&gt;
      &lt;div class="label_radio"&gt;
        &lt;input type="radio" name="group1" id="group1" value="1"
         &lt;?php if($r0==1) { ?&gt;
         checked="checked"
         &lt;?php  } ?&gt;
        /&gt;
      &lt;/div&gt;
      &lt;div class="label_top"&gt;
        &lt;label for="group1"&gt;Second Option &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="label_desc"&gt;
        &lt;label for="group1"&gt;This is Second Option &lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;          
  </code></pre>
  
  <p>Only problem I am having if I change radio ID it work fine, but I need same id cause I need its value at the end to save in database.</p>