UI BUTTONSET Tracking

by bizamajig

HTML

<div id="radio">
   <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
   <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
   <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
</div>

JavaScript

$(function() {
    $('#radio').buttonset();
    $("#radio :radio").click(function(e) {
       alert(
           "`this` refers to raw html element\n\n" + this
           + "\n\n------------\n\n" +
           "and `$(this)` will get jQuery object for the element\n\n"
           + $(this).attr('id')
       );
    });
});