Как получить значение данных выбранного тд

Question

Я хочу получить значение data от нажатой кнопки td, которая открывает модальное окно с информацией пользователя.Когда я выбираю всех пользователей, все работает нормально. Но когда я хочу найти конкретного пользователя (таблица не отображается, пока вы не ищете пользователя), модальное сообщение показывает не нужные данные.

Я создалмассив JS с именами пользователей и поместите его в мое значение data.InnerHTML из столбца - это имя и фамилия пользователя.

Проблема в том, что когда я нажимаю на имя, модал отображает информацию от ПЕРВОГО пользователя в моем массиве (сгруппированном по фамилии ASC)

Я использую плагин DataTables.Вот краткий пример моей drawCallback функции:

"drawCallback": function(settings) {
  var api = this.api();
  var rows = api.rows({
    page: 'current'
  }).nodes();
  var last = null;

  api.column(0, {
    page: 'current'
  }).data().each(function(group, i) {
    if (last !== group) {
      var groupName = api.row(i).data();
      $(rows).eq(i).before(
         '<tr class="group"><td style="font-weight: bold;" data-value="'+groupName[0]+'" data-toggle="modal" data-target="#profileModal" class="tdPerson" colspan="1">'+group+'</td><td colspan="5"></td></tr>'
      );

      last = group;
    }
  });
}

Вот мой AJAX-запрос:

$('.table').on('click', '.tdPerson', function(event) {
  id = $(this).attr('data-value');
  $.ajax({
    url: "getData.php",
    data: {
      type: "getPersonModal",
      data: id
    },
    type: "POST",
    success: function(data) {
      $('#profileModalContent').html(data);

    }
  });
});