Динамическое добавление элементов и функций
 

Здравствуйте, столкнулся с такой проблемой:
1 пункт. при клике по маркеру создается блок подсказки, в нее ложится ссылка с классом .more_info

2 пункт. есть функция которая должна запускаться при клике на .more_info, но она не запускается, вероятно потому что на время загрузки страницы элементов с этим классом не было

3 пункт. поэтому при клике по маркеру после создания блока и присвоения класса ссылке, я запускаю функцию в которой написано что при клике на .more_info мне надо вывести alert

в результате получаю следующее -
нажал на маркер 1 - создался блок 1 с подсказкой, при клике на подсказку 1, выводится alert
нажал на маркер 2 - создался блок 2 с подсказкой, при клике на подсказку 2, выводится alert
и теперь при повторном клике на подсказку 1, выводится alert 2 раза

это происходит изза 3 пункта

вот пример кода:

var infowindow = new google.maps.InfoWindow({ content: '<a href="#" class="more_info">More info..</a>'});
google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
    more_info();
});
function more_info(){
    $('.more_info').click(function(event){
        alert(1);
    });
};

может можно это как-то по-другому организовать? :help:

есть возможность каждой ссылке давать уникальный класс и после добавления написать код

$('уникальный_класс').click(function(event){
        alert(1);
    });

но так вообще ерунда получается..