Ajax выдает значение как undefined

$(document).ready(function() {
  $('.services-list li').click(function() {
    var serviceId = $(this).data('id');
 
    $.ajax({
      url: 'https://' + window.location.hostname + '/php/market_info.php',
      method: 'post',
      data: {id: serviceId},
      success: function(response) {
        $('.services-info h2').text(response.name);
        $('.services-info p').text(response.description);
        $('.service-info a').text('Цена: ' + response.price + ' Руб.');
        console.log(response.name); // undefined
        console.log(response.description); // undefined
        console.log(response.price); // undefined
        console.log(serviceId); // выдает ID, как и нужно
        console.log(response); // Выдает нужную информацию
      }
    });
    
  });
});

    $.ajax({
      url: 'https://' + window.location.hostname + '/php/get_service_details.php',
      method: 'post',
      data: {id: serviceId},
      success: function(response) {
        var data = JSON.parse(response);
        $('.services-info h2').text(data.name);
        $('.services-info p').text(data.description);
        $('.service-details').text('Цена: ' + data.price + ' Руб.');
        console.log(data.name);
        console.log(data.description);
        console.log(data.price);
        console.log(serviceId);
        console.log(response);
      }
    });