title: Radio button does not get selected when I click on label
body: <p>This is the markup:</p>
  
  <pre><code>&lt;label for="big" class="labels"&gt;
      &lt;input type="radio" name="type" value="big" id="big"&gt; Grandes images
  &lt;/label&gt;
  </code></pre>
  
  <p>It's generated by this:</p>
  
  <pre><code>&lt;?php
      $radio_data = array('id'=&gt;'big','name'=&gt;'type','type'=&gt;'radio','value'=&gt;'big');
      echo form_label(form_input($radio_data)." Petites images\n",'small', $label_data);
  ?&gt;
  </code></pre>
  
  <p>When I click on the label, normally the radio button gets selected but that did not happen. I'm using <strong>twitter bootstrap.</strong></p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>New HTML:</p>
  
  <pre><code>&lt;span&gt;
     &lt;input type="radio" name="type" value="small" id="small"&gt;
     &lt;label for="small" class="labels radio"&gt; Petites images&lt;/label&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>New PHP:</p>
  
  <pre><code>&lt;?php
      echo form_input($radio1_data);
      echo form_label(" Petites images", 'small', $label_data);
  ?&gt;
  </code></pre>
  
  <p>but, still when click on the label the radio does not get selected.</p>