title: Twitter bootstrap collapse, radio inside header
body: <p>How I can put a <strong>Radio button</strong> inside the collapse header? </p>
  
  <p>See <a href="http://jsfiddle.net/dhamaso/LMDMN/3/" rel="nofollow">http://jsfiddle.net/dhamaso/LMDMN/3/</a>  </p>
  
  <pre><code>&lt;div class="accordion" id="accordion"&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
        &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"&gt;
            &lt;label class="radio"&gt;
                &lt;input type="radio" name="address" value="addres_1" id="address_1"/&gt;
                    Shipping Address 1
            &lt;/label&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseOne" class="accordion-body collapse"&gt;
        &lt;div class="accordion-inner"&gt;
          Anim pariatur cliche 1...
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
        &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"&gt;
          &lt;label class="radio"&gt;
                &lt;input type="radio" name="address" value="addres_2" id="address_2"/&gt;
                    Shipping Address 2
            &lt;/label&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseTwo" class="accordion-body collapse"&gt;
        &lt;div class="accordion-inner"&gt;
          Anim pariatur cliche 2...
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If you see the checkbox, it is not firing the checked event when you click on it. How can I do that?</p>