Много кнопок submit
 

Есть интернет-магазин. На странице с товаром при нажатии на кнопку "В корзину" данные через аякс передаются обработчику, после чего кнопка "В корзину" удаляется и в место нее появляется кнопка "В корзине":

$('#addCart').submit(function(){
		$('#submit_add_item').remove();
		$.ajax({
			type: "POST",
			url: "/handlers/cart.php",
			data: "action=add_cart&id="+$("#fid").val()+"&quantity="+$("#fquantity").val(),
			success: function(html){
				$("#addCart").empty();
				$("#addCart").html(html);
		   }
		});
		return false;
	});

Сейчас делаю кнопку "В корзину" на все товары в каталоге. Айдишники #addCart и #submit_add_item заменяю на классы с номером товара на конце. К примеру, .addCart_1 и .submit_add_item_1. Но вот только никак не пойму как изменить существующий скрипт, чтобы он обрабатывал .addCart_* и .submit_add_item_* с любым номером товара на конце. Не писать же для каждого номера товара отдельный скрипт :blink:

Оказалось проще, чем думал:)
Сделал вот так:

$('.addCart').submit(function(event){
		event.preventDefault();
		var ev = this;
		$(this).children(".submit_add_item").remove();
		$.ajax({
			type: "POST",
			url: "/handlers/cart.php",
			data: "action=add_cart&id="+$(this).children(".fid").val()+"&quantity="+$(this).children(".fquantity").val(),
			success: function(html){
				$(ev).empty();
				$(ev).html(html);
			}
		});
		return false;
	});