Неопределенная ошибка индекса при отправке переменной из jquery в php

Адаптировано из этого вопроса: переход переменной JQuery к php в модальном

Я настроил его, и он должен работать, но я получаю неопределенную ошибку индекса.

Внутри цикла while:

print '<li>'; print '<a class="btn btn-default" data-toggle="modal" data-id='.$row['id'].' data-target=".bs-example-modal-lg"><img src="'.$row["image"].'" /></a><br>'; print '<a class="btn btn-default" data-toggle="modal" data-id='.$row['id'].' data-target=".bs-example-modal-lg"><h4>'.$row['name'].'</h4></a>'; print '</li>'; 

Весь мой jquery, включая код ajax:

  $(document).ready(function() { $("body").css("display", "none"); $("body").fadeIn(1000); $("a.transition").click(function(event){ event.preventDefault(); linkLocation = this.href; $("body").fadeOut(1000, redirectPage); }); function redirectPage() { window.location = linkLocation; } }); $(document).on("click", ".btn", function (e) { e.preventDefault(); alert (id); var id = $(this).data('id'); alert (id); $("h4.modal-title").text(id); //$($(this).attr('href')).modal('show'); $.post('food.php',{id:id},function(data){ alert(data); alert (id) // <--THIS ALERT WORKS TOO }); }); 

Php:

 <?php $id = $_POST["id"]; print '<h4>'.$id.'</h4>' ?> 

Я продолжаю получать индекс неопределенной ошибки на $id = $_POST["id"]; ,

Я не могу понять, почему, я адаптировал свой код к таким различным способам его выполнения, но ни один из них не работает.

Появляется первое предупреждение, но второе – нет. Текст помещается внутри <div> , однако он не отправляется в переменную. Все это в одном файле. У меня такое чувство, что мой код ajax отсутствует.

Дамп Var показывает:

 array (size=0) empty