Страница заказов (друпал). Для каждого заказа в отдельном столбце отображается ттн заказа. Хочу что бы под этой ттн была кнопка которая по нажатию показывает текущий статус посылки. Для первого элемента работает отлично, для последующих - нет. Как понял это из-за уникальности id в div. Как быть?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
</head>
<body>
<form id="numbttn" method="post">
<input type="text" value="[field_ttn]"> <br/>
<input type="text" value="[field_pokupatel_telefon]"> <br/>
<input class="submit" type="button" value="Отправить">
</form>
<div id="statusttn"></div>
<script>
$(".submit").click(function()
{
var ttn = $("#ttn").val();
var phone = $("#phone").val();
$.ajax({
url: "/sites/test.php",
type: "POST",
cache: false,
data: {"ttn":ttn,"phone":phone},
success: function(html) {
$('#statusttn').html(html);
}});
return false;
});
</script>
</body>
</html>