ttI have two functions like so:
function fn1() {
$(".element").append("<div class='trigger'></div>");
}
function fn2() {
$(".element").append("<div class='trigger'></div>");
}
and one listener:
$(".trigger").click(function() {
// do some magic with $(this) element
});
The problem is that if click event listener is located outside fn1 and fn2 it doesn't see when dynamically created element (trigger) is clicked.
How can I make event listener to listen globally?