Question

I want to dynamically create a div, then create a label and input within that div, then assign event handlers (using jQuery’s $.on() function) to the input element. What’s a good way to go about creating the elements and assigning the events? I’m using the latest version of jQuery. Thank you!

Answer 1

var
$div = $('<div/>', { 'class': 'myclass', click: function(){ ... } }),
$label = ...,
$input = ...

$div.append($label.add($input)).insertAfter('#el')