I am loading the same html forms to different pages of my site and I have noticed that the jquery functions are not executing as expected on these other forms (at all). I believe I need to use .on() handler to connect the event handlers after the load. Is this correct. In this case index.html has a toolbar.html loaded after a click event which has a select box with the id of #action

currently my jquery is in common.js loaded via script tags in index.html

so

Code:
$('#toolbar').load('toolbar.html');  // loaded later sometime

$("#action").change(function() { 
alert("hello");
 });
will become

Code:
$('#toolbar').load('toolbar.html');  // loaded later sometime

$("#action").on("change", function(){
  alert("hello);
});