title: jQuery buttonset change
body: <p>I'm new to jQuery and thought I would use its buttonset instead of some radio buttons on my application.  Documentation here:  <a href="http://jqueryui.com/demos/button/#radio">http://jqueryui.com/demos/button/#radio</a></p>
  
  <p>How do I add a handler to an event when the set of buttons changes value?</p>
  
  <p>Here is a snippet of the code I tried:</p>
  
  <pre><code>$('input.tod_quant').change(function() {
      alert('TEST');
  });
  </code></pre>
  
  <p>And then later on in the HTML:</p>
  
  <pre><code>&lt;span id="tod_quant" class="buttonset"&gt;
          &lt;input type="radio" id="tod_quant5" name="tod_quant" value="5" /&gt;&lt;label for="tod_quant5"&gt;5-Minute&lt;/label&gt;
          &lt;input type="radio" id="tod_quant60" name="tod_quant" checked="checked" value="60" /&gt;&lt;label for="tod_quant60"&gt;60-Minute&lt;/label&gt;
          &lt;/span&gt;
  </code></pre>
  
  <p>The "change" event never fires.  Is there even a change event?  How can I do this?  Furthermore, is there any documentation with an example?  <a href="http://jqueryui.com">http://jqueryui.com</a> has plenty of examples, and not a single one that I can find shows any events firing.  I suppose my ignorance of jQuery isn't exactly helping the situation.</p>
  
  <p>Any help would be most appreciated.  Thank you.</p>