Как правильно передать «текущий» атрибут в JS?

Здравия желаю.

в хеад

<script type="text/javascript">
function delete_tovar() {
	var el = document.getElementById('godel');
	var xx = el.dataset.udalit;
      $.ajax({
           type: "POST",
           url: 'delete-tovar.php',
           data:{
				'action':'delete_tovar',
				'dtid': xx
				},
           success:function(html) {
             alert(html);
           }
      });
 }
</script>

в боди, в цикле foreach создаю:

<div id="godel" data-udalit="<?php print $item[2]; ?>" onclick="delete_tovar()" >Удалить</div>

Получается так, что значения data-udalit у меня на каждой кнопке удалить разные, а вот JS по тегам получает первый результат... как дореализовать ?

к примеру

<div id="godel" data-udalit="1" onclick="delete_tovar()" >Удалить</div>
<div id="godel" data-udalit="2" onclick="delete_tovar()" >Удалить</div>
<div id="godel" data-udalit="3" onclick="delete_tovar()" >Удалить</div>

Если я тыкну на 3й див, то в JS уйдет "1"