handlebars.js - jQuery event doesn't fire on Handlebars template -

this first time using stackoverflow. makes sense.

i'm using tabletop.js , handlebars bring data google spreadsheet.

when data loaded each 1 has radio button associated needs trigger event when selected (at moment alert box).

my problem when click nothing happens. if hardcode in exact same code (not pulled in spreadsheet) alert fires normal.

below link demonstrate http://jsfiddle.net/danieltramacchi/zgsvy/

code fire event

$(document).ready(function () {      $(".sem-box").on("change", function () {          var location = $(this).find("h3").html();         alert(location);      }); }); 

the radio buttons appear fire alert if click image remove , pull in data spreadsheet.

any appreciated!

try:

$("#seminar").on("change", ".sem-box",function () {      var location = $(this).find("h3").html();     alert(location);  });