Почему не работает передача ajax()?

<form method="post" action="" id="orderForm">
<input class="quantField" type="text" name="" tid="6612" tprice="22.5" tart="дизайн П-471-70"> 
<input class="checkPack" type="hidden" tpack="50 " tid="6612" value=''>
<input type="button" class="btn" name="" value="OK"> 
</form>

$('input[class=btn]').click(function() { 
								
					$.ajax({
					            type: 'post',
					            url: "../cart/order.php", 
					            data: {'quant':$('.quantField').val(),'tid':$('.quantField').attr("tid"),'tprice':$('.quantField').attr("tprice"),'tart':$('.quantField').attr("tart"),'tpack':$('.checkPack').attr("tpack")},
					            response: 'text',
					            success: function(data){
					            $('.desFooter').hide();
					            $('.cartTotal').html(data).fadeIn();
					            $('.desForm').slideUp('fast', function(){$(this).remove();}); 
					            $('.ordered').fadeIn();
					            }

					       	})
	

			}

			);

$('#orderForm').on("submit", function() {
$.ajax({
					            type: 'post',
					            url: "../cart/order.php", 
					            data: {'quant':$('.quantField').val(),'tid':$('.quantField').attr("tid"),'tprice':$('.quantField').attr("tprice"),'tart':$('.quantField').attr("tart"),'tpack':$('.checkPack').attr("tpack")},
					            response: 'text',
					            success: function(data){
					            $('.desFooter').hide();
					            $('.cartTotal').html(data).fadeIn();
					            $('.desForm').slideUp('fast', function(){$(this).remove();}); 
					            $('.ordered').fadeIn();
					            }

					       	})
	

			}

			);