I have code which works:

```
<div id="type" class="btn-group" data-toggle="buttons">
    <label class="btn btn-outline-primary" id="type0">
        <input id="type0" name="op" type="radio" value="0" />Wholesale</label>
    <label class="btn btn-outline-primary" id="type1">
        <input id="type1" name="op" type="radio" value="1" />Retail</label>
</div>

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<script>
jQuery(function ($) {
    $(document).on('change', 'input:radio[id^="type"]', function (event) {
        alert("click fired");
    });
});
</script>

```

This can be seen at <http://118.127.41.41/~emmarkho1/calculator/test.html>

I have integrated this code into my calculator I'm building but it refuses to fire on change.

Full source can be seen @ <http://118.127.41.41/~emmarkho1/calculator/>

Any assistance would be greatly appreciated.