Проблема с вызовом ajax на div

Question

У меня есть несколько div с классом "btn-custom btn-custom-primary".Вызов AJAX не загружается при событии .btn-custom click, но когда я проверяю сетевой раздел на вкладке консоли, данные возвращаются через ajax success: function (data), но когда я отлаживаю код, он выдает «ссылка не определена» ошибка ссылкии нет ошибки в консоли.Пожалуйста, помогите.

$(document).on('click', '.btn-custom', function() {
  var id = $(this).attr('id');
  var bid = $(this).attr('bid');
  $('.btn-custom').removeClass('btn-custom-selected').addClass("btn-custom-primary");
  $(this).removeClass("btn-custom-primary").addClass('btn-custom-selected');
  var HostelId = getParameterByName("id", window.location.href);

  $.ajax({
    url: 'index.php?secController=School&action=fetchActiveStatusOfRoom',
    type: 'POST',
    dataType: 'JSON',
    async: false,
    data: {
      id: HostelId,
      RoomId: id
    },
    success: function(data) {

    }
  });
});