title: jQuery Radio Button Change
body: <p>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.</p>
  
  <p>I'm not using straight radio buttons, but bootstrap-ified buttons. Relevant part of the form ends up looking like this:</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons" role="group" id="floors-div"&gt;
      &lt;label class="btn btn-default" name="floors-label"&gt;
          &lt;input type="radio" name="floors" id="1" value="1" autocomplete="off"&gt;1&lt;/label&gt;
      &lt;label class="btn btn-default" name="floors-label"&gt;
          &lt;input type="radio" name="floors" id="2" value="2" autocomplete="off"&gt;2&lt;/label&gt;
      &lt;label class="btn btn-default" name="floors-label"&gt;
          &lt;input type="radio" name="floors" id="3" value="3" autocomplete="off"&gt;3&lt;/label&gt;
      &lt;label class="btn btn-default" name="floors-label"&gt;
          &lt;input type="radio" name="floors" id="4" value="4" autocomplete="off"&gt;4&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm able to get an action when the buttons are clicked by using:</p>
  
  <pre><code>$("input[name='floors']").parent().click(function() {
  ...snip...
  var buttonVal = $("input[type='radio'][name='floors']:checked").val();
  </code></pre>
  
  <p>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:</p>
  
  <pre><code>$("input[name='floors']").change(function() {
  ...snip...
  </code></pre>
  
  <p>Nothing happens upon clicking the buttons.</p>
  
  <p>Any suggestions?</p>
  
  <p>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 <code>.change</code> method. Issue reproduced in CodePen <a href="http://codepen.io/RossIV/pen/NqJOMZ" rel="nofollow">here</a>.</p>
  
  <p>Edit 2: If it matters, all of my JS is inside <code>$(document).ready(function(){</code> as well.</p>