Удаление элемента формы. Чуть не так работает как надо
 

Добрый день.

Помогите новичку.

Есть динамическая форма(добавление удаление полей jquery)

Добавление работает как нужно (переделывал на примере из сети) дописал нужные мне функции все ок.

А вот с удаление небольшие проблемы.

Элемент формы удаляется, а label нет. Вообще немогу понять как работает remove

Вот код:

$('#add').click(function() {
		$('<div class="label">TESTLABEL<input type="text" class="field" name="testname" /></div>').fadeIn('slow').appendTo('.inputs');
		i++;
	});
	
	$('#remove').click(function() {
	if(i > 1) {
		$('.field:last').remove();
		i--; 
	}
	});

Надеюсь все понятно объяснил.

Пробовал и задавать класс диву с лейблом, тогда удаляются вообще все дивы инпута(точнее все удаляется как надо, но у меня в форме, много диво имеют одинаковый класс и соответственно он удаляет вообще все дивы с таким классом, а мне нужно удалять исключительно тот который был добавлен функцией add). Учебник что то не помогает(

Заранее спасибо.

Вопрос решен, но костылем(

$('#remove').click(function() {
	if(i > 1) {
		$('.label').remove(':contains("TESTLABEL")');
		i--; 
	}
	});

если кто подскажет другое решение лучше через div id будет супер. сам не смог решить

все таки нужно какое то решение с div id.

У меня перед дивом в котором TESTLABEL при добавлении поля(функция add) добавляется еще один див с картинкой. Так вот при удалении, этот див картинкой тоже должен удаляться.

Помогите пожалуйста.

Оберните нужные данные в div, задайте ему class и удаляйте по нему

Всем спасибо. Сам разобрался.

$('#myDivID').remove()