This question already has an answer here:

Event binding on dynamically created elements? 23 answers

Допустим, у меня есть несколько ссылок, к которым я хочу добавить действие javascript:

<a class='test'>
<a class='test'>
<a class='test'>

Когда моя страница загружается, я даю им всем событие клика:

$('.test').click(function(){
  alert("I've been clicked!")
});

но, скажем потом, я добавляю еще один элемент и хочу дать ему то же самое событие. Я не могу сделать это:

$('.test').click(function(){
  alert("I've been clicked!")
});

потому что тогда первые 3 будут иметь 2 события на них. Какой лучший способ справиться с этим?