[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 ...