JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://iflexarchitect.com/lib/jquery-1.6.4.js"></script>
<div id="myDiv"></div>

JavaScript

$(document).ready(function() {

jQuery("[groupId='hobbies']").live("change", myHandler); 
    var $checkbox1 = $("<input type='checkbox' groupId='hobbies' value='1'/>"); 
    $("#myDiv").append($checkbox1);
    
    var $checkbox2 = $("<input type='checkbox' groupId='hobbies' value='2'/>");    
    
    $checkbox1.trigger("change");
    $checkbox2.trigger("change");    

});

function myHandler(evt) { 
    var tgt = evt.target;
    alert(tgt.tagName + "_" + tgt.type + "=" + tgt.value);
}