jquery-ui-7665

HTML

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/blitzer/jquery-ui.css">

Click with no mouse movement - radio selects and click() fires.
<br /><b>Click with a little mouse movement - radio selects but click() doesn't fire!</b>
<br /><br />
<div id="radioButtonSet">
    <input type="radio" id="radio_1" class="radioButton" name="myRadio" value="1" />
    <label for="radio_1">Radio 1</label>
    <input type="radio" id="radio_2" class="radioButton" name="myRadio" value="2" />
    <label for="radio_2">Radio 2</label>
    <input type="radio" id="radio_3" class="radioButton" name="myRadio" value="3" />
    <label for="radio_3">Radio 3</label>
</div>
<div id="log"></div>

JavaScript

$("#radioButtonSet").on("click", ".radioButton", function () {
    console.log('ui radio button click registered');
    
    var radioChecked = $("input[type='radio'][name='myRadio']:checked");
    var radioNum = radioChecked.val();
    $("#radioButtonSet").append("<br>I see you clicked a radio - "+radioNum);
});


$("#radioButtonSet").buttonset();