So I've looked here and elsewhere on how to execute a function using jQuery when I click a radio button. I'm able to make the example code work isolated, like in CodePen, but it won't work when integrated into my project.

I'm not using straight radio buttons, but bootstrap-ified buttons. Relevant part of the form ends up looking like this:

```
<div class="btn-group" data-toggle="buttons" role="group" id="floors-div">
    <label class="btn btn-default" name="floors-label">
        <input type="radio" name="floors" id="1" value="1" autocomplete="off">1</label>
    <label class="btn btn-default" name="floors-label">
        <input type="radio" name="floors" id="2" value="2" autocomplete="off">2</label>
    <label class="btn btn-default" name="floors-label">
        <input type="radio" name="floors" id="3" value="3" autocomplete="off">3</label>
    <label class="btn btn-default" name="floors-label">
        <input type="radio" name="floors" id="4" value="4" autocomplete="off">4</label>
</div>

```

I'm able to get an action when the buttons are clicked by using:

```
$("input[name='floors']").parent().click(function() {
...snip...
var buttonVal = $("input[type='radio'][name='floors']:checked").val();

```

But the value is wrong. It returns the value of the previously selected button instead of the current one. If I just do something like:

```
$("input[name='floors']").change(function() {
...snip...

```

Nothing happens upon clicking the buttons.

Any suggestions?

Edit: I've narrowed down what's causing the problem with your help. Turns out the main difference between the CodePen that I did and production is the inclusion of Bootstrap's JS. Apparently they're overriding something that's messing with the `.change` method. Issue reproduced in CodePen [here](http://codepen.io/RossIV/pen/NqJOMZ).

Edit 2: If it matters, all of my JS is inside `$(document).ready(function(){` as well.