title: Why is my jquery .change event only running once on radio buttons?
body: <p>JS Fiddle:</p>
  
  <p><a href="http://jsfiddle.net/3F6TY/" rel="nofollow">http://jsfiddle.net/3F6TY/</a></p>
  
  <p>You'll need Bootstrap.js for this.</p>
  
  <p>Some other SA threads said that this could be a delegation issue, but I see no reason to delegate in the code that I have since the selector never changes or disappears in the HTML.</p>
  
  <p>When I click on <code>First Radio</code> the accordion goes down, but when I click off it the accordion doesn't hide like I want it to. I have my code written so that on <code>change</code> of the radio button, it checks to see if the radio button is checked, and if not, it collapses the accordion.</p>
  
  <pre><code>          &lt;div class="radio col-xs-12"&gt;
              &lt;label&gt;
                &lt;input type="radio" name="radios" class="track-order-change" id="firstRadio" value=""&gt;
                First Radio
              &lt;/label&gt;
            &lt;/div&gt;
  
            &lt;div class="col-xs-12 panel-collapse collapse" id="firstAccordion"&gt;
              &lt;div&gt;
                First Accordion
              &lt;/div&gt;
            &lt;/div&gt;
  
            &lt;div class="radio col-xs-12"&gt;
              &lt;label&gt;
                &lt;input type="radio" name="radios" class="track-order-change" id="secondRadio"&gt;
                Second Radio
              &lt;/label&gt;
            &lt;/div&gt;
  
            &lt;div class="col-xs-12 panel-collapse collapse" id="secondAccordion"&gt;
              &lt;div&gt;
                Second Accordion
              &lt;/div&gt;
            &lt;/div&gt;
  
            &lt;div class="radio col-xs-12"&gt;
              &lt;label&gt;
                &lt;input type="radio" name="radios" class="track-order-change" id="thirdRadio"&gt;
                Third Radio with no Accordion
              &lt;/label&gt;
            &lt;/div&gt;
  
  
  $('input[id="firstRadio"]').change(function () {
  
      if ($(this).is(":checked")) {
  
          $('#firstAccordion').collapse('show');
  
      } else {
  
          $('#firstAccordion').collapse('hide');
      }
  
  });
  </code></pre>