Javascript — Ajax не получает ответ от переполнения стека

Я действительно понятия не имею, что не так с моим кодом здесь. Ответ от php не возвращается к моему вызову ajax. Вот мой код JQuery

$(".theform").submit(function(e){
var formData = {
"name": $('#name').val(),
"email": $('#email').val(),
"phone": $('#phone').val(),
"message": $('#message').val()
}

var sendMail = $.ajax({
type: 'POST',
url: 'submit.php',
data: formData,
dataType: 'json',
encode: true
});

sendMail.done(function(output){
if(output == "failed"){
console.log("failed");
)
}
});

e.preventDefault();
});

PHP

if($_POST){

$adminEmail = "";
$data = [];
$to = $adminEmail;
$name = $_POST['name'];
$email = $_POST['email'];
$number = $_POST['phone'];
$headers = "From: $email". "\r\n" .
"Reply-To: $email" . "\r\n" .
'X-Mailer: PHP/' . phpversion();

$message = $_POST['message'];

$sendMail = mail($to, "Mail from $name", $message, $headers);if($sendMail){
$data = ["success"];
} else {
$data = ["failed"];
}
}
print $data[0];

Когда я проверяю запрос, я вижу ответ от php, но я не могу напечатать его на экран или консоль при вызове ajax.
Пожалуйста, что я делаю не так? Кстати, он должен вернуть «не удалось» на данный момент