title: Bootstrap 3 radio button
body: <p>I'm playing with twitter bootstrap 3 and its new <a href="http://getbootstrap.com/javascript/#buttons">radio buttons</a> and cannot seem to get which button is checked.</p>
  
  <p>My buttons are like this:</p>
  
  <pre><code>    &lt;div class="form-group"&gt;
        &lt;label for="inputLogType" class="col-lg-2 control-label"&gt;Log type&lt;/label&gt;
        &lt;div class="col-lg-10"&gt;
          &lt;div class="btn-group" data-toggle="buttons"&gt;
            &lt;label class="btn btn-primary"&gt;
              &lt;input type="radio" name="inputLogType" id="splunk"&gt;Splunk
            &lt;/label&gt;
            &lt;label class="btn btn-primary"&gt;
              &lt;input type="radio" name="inputLogType" id="pig"&gt;PIG
            &lt;/label&gt;
          &lt;/div&gt;          
        &lt;/div&gt;            
      &lt;/div&gt;
  </code></pre>
  
  <p>I can get whether either button is clicked through <code>$(".btn-group").click()</code>, but inside there I can't get which button is clicked. I'll get the 2 buttons through jquery <code>$("input[name='inputLogType']")</code>, and one of them will have <code>checked:true</code> property. However when I do <code>$("input[name='inputLogType']:checked")</code>, nothing shows up.</p>
  
  <p>Anyone knows what's wrong?</p>