title: Attaching Click event to Bootstrap Toggle Radio Buttons
body: <p>I have a boostrap toggle with the code below. It is visually working right</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons"&gt;
          &lt;label class="btn btn-primary active"&gt;
              &lt;input type="radio" name="options" id="showBuildQuantity" autocomplete="off" checked&gt;Build Quantity
          &lt;/label&gt;
          &lt;label class="btn btn-primary"&gt;
              &lt;input type="radio" name="options" id="showNumberOfScreens" autocomplete="off" onclick="showBuildQuantity()"&gt;Number of Screens
          &lt;/label&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Below it I have some code to handle click events:</p>
  
  <pre><code>$(document).ready(function () {
      $('#showBuildQuantity').on('click', function () {
          &lt;code here&gt;
      });
  
      $('#showNumberOfScreens').on('click', function () {
          &lt;code here&gt;
      });
  });
  </code></pre>
  
  <p>The issue I am having is that the click event's are never run when I click the toggle buttons.</p>
  
  <p>I have other buttons on the same page using the same kind of jQuery click event and they do not have an issue.</p>