Как загрузить файл с помощью jQuery.ajax и FormData

Когда я использую XMLHttpRequest, файл правильно загружается с использованием FormData . Однако, когда я переключаюсь на jQuery.ajax , мой код ломается

Это рабочий исходный код:

function uploadFile(blobFile, fileName) {
    var fd = new FormData();
    fd.append("fileToUpload", blobFile);
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "upload.php", true);
    xhr.send(fd);
}

Вот моя неудачная jQuery.ajax попытка:

function uploadFile(blobFile, fileName) {
    var fd = new FormData();
    fd.append("fileToUpload", blobFile);
    var xm = $.ajax({
        url: "upload.php",
        type: "POST",
        data: fd,
    });
}

Что я делаю не так? Как я могу получить файл загружать правильно, используя AJAX?