Почему не удаляются клонированные элементы?

Question

[pashabomber]

Добрый день!

Помогите, пожалуйста, решить следующую задачу.

tennis-play.web-volodin.ru/reg2.html
В конце формы есть поле для соц.сети. Есть ссылка "добавить еще одну ссылку", которая клонирует поле:

$('.newverstka .tournaments-page .reg-block form .field a.add').click(function() {
		$(this).parent().parent().prev('.soc').find('.social:first-child').clone().appendTo('.field.soc');
	});

И есть ссылку "удалить", которая удаляет блок-родитель (в котором сама эта ссылка и текстовое поле):

$('.newverstka .tournaments-page .reg-block form .field .social .delete').click(function() {
		$(this).parent().remove();
	});

Но проблема в том, что блок с полем, который есть изначально, удаляется отлично, а вот клонированные блоки не удаляются.

Как решить эту проблему?

Заранее огромное спасибо!

Answer 1

[Rsa97]

При клонировании элемента события, навешенные на него, в новый элемент не копируются. Используйте всплытие событий.

$('.newverstka .tournaments-page .reg-block form .field').on('click', '.social .delete', function() {
  $(this).parent().remove();
});

Или клонируйте с событиями .clone(true)

Answer 2

[drawnofmymind]

Обращение не то, попробуй так(в браузере получилось)

$('.social .delete').click(function() {
$(this).parent().remove();
});