JQuery binding click event

Question

JSFIddle

Problem:

click event is working for button Click Me but click event is not working for label Click Me. Below is the code

HTML

<button type="button" id="clickMe" class="btn">Click Me</button>
<div class="preview">

</div>

JQuery

$('#clickMe').click(function() {
    var lab = "<label class=\"click\">Click Me </label>";
    $('.preview').append(lab);
});

$('.click').click(function() {
    alert("You clicked on text");
});

Answer 1

Use event delegation.

$('.preview').on('click', '.click', function() {
    alert("You clicked on text");
});