Nie działa event dla wygenerowanego diva. jQuery

Witam,

napisałem skrypt, który w pierwszej kolejności generuje kod HTML pomędzy

a następnie chcę przypisać event "click()" do elementu, który znajduje się pomiędzy

i to właśnie mi się nie udaje!

gdy kod nie jest generowany tylko wcześniej wklepię:

to działa bez problemu, problem jest z kodem wygenerowanym.

Proszę o pomoc.

 
// kod, który generuje kod HTML po kliknięciu przycisku o id="lista"

$("#lista").click(function () {
          
            $("#kom").append("<p>kom -> bb</p>");
        });

// kod, który przypisuje event do elementu znajdującego się pomiędzy <div id="aa"></div>

 $("div#kom div#aa").click(function () {

                alert("udalo sie");
            });

co robię źle proszę o pomoc

Event możesz przypisać tylko do elementu, który aktualnie znajduję się w kodzie. W twojej sytuacji musisz go przypisać po dodaniu elementu albo skorzystać ze zdarzenia delegowanego. W tym drugim przypadku przypisujesz event do istniejącego elementu, który będzie rodzicem twoich nowych elementów i on przechwyci zdarzenia z tych nowych elementów.

$("#kom").on("click", "#aa", function(event){
	alert("udalo sie");
});