размещение значения data-attr в php с использованием ajax публикация пустых данных

Question

Я работал на WAMP сервере локального хоста и попробовал ниже ajax код и опубликовал данные, после тестирования я размещался на веб-сервере, во время тестирования я заметил ajax отправить пустое сообщение.

код

         $(function () {
            $(document).on('click', '.trash', function () {
                var del_id = $(this).attr('id');
                var $ele = $(this).parent().parent();
                $.ajax({
                    type: 'POST',
                    url: 'test.php',
                    data: {'del_id': del_id},
                    success: function (data) {
                        if (data === "YES") {
                            $ele.fadeOut().remove();
                        } else {
                            alert("can't delete the row")
                        }
                    }

                });
            });
        });

HTML

<a href="#" id="hello" class="trash" >button</a>

PHP

<?php
$music_number = $_POST['del_id'];
//echo $music_number;

if(isset($music_number)) {
   echo "YES";
} else {
   echo "NO";
}

Почему ajax отправляет пустые почтовые данные - если скрипт неверен, он должен был отображаться на локальном хосте. что я должен сделать, чтобы решить эту проблему (мне нужно настроить в веб-сервере).

она размещена демо https://sanojword.000webhostapp.com/dashboard/testindex