Attaching Click event to Bootstrap Toggle Radio Buttons
<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>