Bonjour et probleme de recuperation de "nom"

Bonjour,
je fais un site avec l'api google v3, je me suis beaucoup inspiré ici et ailleurs, mais je bloque sur un problème qui sans doute est très simple pour un informaticien mais moi je n'y arrive pas seul.
Voila sur une carte Google api v3, sur un événement click sur la carte, il y a création d'un marqueur avec un nom ("sans nom (indice)").
Tous les marqueurs ainsi crées peuvent êtres renommer ou effacer.
J'aimerai que les nom des marqueurs ainsi crées soient afficher dans une <div> et que sur un click sur le nom affiché je puisse reconnaitre l’élément
J'ai essaye avec
document.getElementById("wp").innerHTML+="<p class=\"nomWP\">"+nomMarker.getAt(i)+"</p>";
pour l'afficher dans la div "wp" et la fonction jquery
$(function(){
$(".nomWP").click(function () {
var wp = $(this).text();

;alert(wp);
});
}); pour récupérer le nom
A l’écran et dans le code source généré tout semble ok mais la fonction n'a aucun effet sur le nom affiché.
Cette même fonction "marche" très bien si j’écris directement dans la div <p class="nomWP">"exemple"</p>
Je pense que je n'ai pas choisi la bonne solution pour faire ce que je veux mais je ne sais pas de quel cote chercher...
Voila si quelqu'un pouvait m'aiguiller
Merci