javascript — сортировка Jquery: неопределенный индекс для обновления базы данных

В настоящее время я делаю школьный проект, который должен закончиться в конце января 16 года. Я все еще новичок в jQuery, поэтому мне действительно нужна помощь в решении этой моей проблемы.
В отношении этот, Я попробовал и сортируемый работает, однако, проблема теперь в том, чтобы сериализовать его для обновления базы данных.

<script type="text/javascript">
$(document).ready(function () {

$("#sortable").sortable({
opacity: 0.6,
cursor: 'move',
update: function () {
$('#changeMessage').html('Changes not saved');
$('#changeMessage').css("color", "red");
}

});

});

function saveDisplayOrder()
{
var order = $("#sortable").sortable("serialize");
$('#changeMessage').html('Saving changes..');
$.post("update_displayorder.php", order, function (theResponse) {
$("#changeMessage").html(theResponse);
$('#changeMessage').css("color", "green");
});
}

</script>

PHP коды

<?php
while ($item = mysqli_fetch_assoc($result)) {
?>
<tr data-role="list-divider">
<td id="ID_<?php echo $item['idQuestions'] ?>" ><?php echo $item['Question'] ?>
</td>
</tr>
<input type="button" onclick="return saveDisplayOrder()" value="Save Order" />

update_displayorder.php:

$theID = $_POST['ID'];
$counter = 1;

foreach ($theID as $recordValue) {
$query = "UPDATE questions SET displayOrder = '$counter'
WHERE idQuestions = " . intval($recordValue);
$result = mysqli_query($link, $query) or die(mysqli_error($link));
$counter ++;
}

echo 'Changes saved';

Цвета и слова меняются соответственно при сортировке и при нажатии на кнопку. Однако он не обновляет порядок в базе данных, так как идентификатор является неопределенным индексом.

Примечание: неопределенный индекс: идентификатор в C: \ xampp \ htdocs \ FYP \ update_displayorder.php

Интересно, что я сделал не так, как я точно следовал инструкциям