.ajax json return on error

Question

$.ajax({
    type: 'POST',
    url: api_url+'client/'+client.id+'.json', 
    data: {
        _method: 'delete',
        id: client.id
    },
    success: function(data) {
        $('#delete-client').html('Success');
    },
    error: function(data) {
        $('#delete-client').css('color', 'red');
        $('#delete-client').html('Error');
    }
});

On the error: function the jquery would recieve this json object with a 500 header status

{"errors":{"code":777,"message":"Method requested does not yet exist","data":[]}}

however if I use data.errors.message it doesnt show the error there. It shows a huge object with different events in chromes developer box when I console.log the return object its using

FIXED

var error = jQuery.parseJSON(jqXHR.responseText);
$('#delete-client').html(error.errors.message);

Answer 1

add : dataType:"json"...............