Bonsoir à tous, j'effectue un petit projet web en utilisant JQuery mais j'ai un souci, je m'explique

J'ai une fonction du style
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
function ma_fonction(param1, paramn){
li = '<li ma_class'><a href="#">param1</a></li>
$('#mon_id').append(li);
}
que j'appelle après un clique qui me créer une liste de taille variable du style :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<ul id="mon_id">
<li class="ma_class"><a href="#"</li>
...
</ul>

Jusqu'ici aucun problème, maintenant j'aimerai pouvoir récupérer la class au clique sur un lien de ma liste, j'ai fais
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
// Test
$('#mon_id li').on("click", function() {
		console.log('test');
	});
Mais rien ne ce passe, j'aimerai avoir des indices, ou conseil pour comprendre le pourquoi du comment , merci d'avance.