title: Get bootstrap radio button text - jquery
body: <p>I'm using bootstrap and I find it confusing when trying to extract the label name. How do I get the selected label text? (e.g. Furniture or Fruits)</p>
  
  <pre><code>&lt;div class="input-group"&gt;
       &lt;span class="input-group-addon"&gt;
       &lt;input type="radio" name="radioGroup" value="myval1" /&gt;&lt;/span&gt;
       &lt;input class="form-control" value="Furniture" disabled&gt;
  &lt;/div&gt;
  &lt;div class="input-group"&gt;
       &lt;span class="input-group-addon"&gt;
       &lt;input type="radio" name="radioGroup" value="myval2" /&gt;&lt;/span&gt;
       &lt;input class="form-control" value="Fruits" disabled&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried these but did not give the label text:</p>
  
  <pre><code>alert($(  $(":radio[name=radioGroup]:checked").prop("labels") ).text());
  
  
  alert($('input[name="radioGroup"]:checked').text());
  
  
  alert($('input[name="radioGroup"]:checked + label').text());
  </code></pre>