[JavaScript] jQuery on nie działa prawidłowo Opcje

[Agape]

Umieszczam poprzez append kod na formularz:

[PHP] pobierz, plaintext 
$("ul.directory_images").append('<div class="ustaw_na_glowny">test</div>');
[PHP] pobierz, plaintext 

a nastepnie chce zeby po kliknieciu tego elementu wykonala sie pewna akcja:

[PHP] pobierz, plaintext 
$('.ustaw_na_glowny').on('click', function(){
console.log('test');
}
[PHP] pobierz, plaintext 

niestety nic sie nie dzieje, dla elementow ktore juz sa, wszystko dziala ale dla appented juz nie, co takiego moge robic zle ? przeciez ON oraz APPEND są dobrze uzyte ...

[Tuminure]

Event handlers are bound only to the currently selected elements; they must exist at the time your code makes the call to .on().

Źródło: http://api.jquery.com/on/

Użyj "delegated events" lub wykonuj przypisanie tego eventu po utworzeniu elementu.