Почему мой заголовок не установлен методом beforSend?

Question

Я пытаюсь сделать ajax-запрос с этим битом кода: (отдельный файл, который я загружаю в HTML)

$(document).ready(function () {

    $('#loadDeviceBtn').click(function (event) {
        event.preventDefault();

        createTableIfNotExist();

        var device = $('#devices-search').val();
        console.log(device);

        getTopicsForDevice(device);
    });

});

function createTableIfNotExist() {
    if (!$('#table').length) {
        $('.card-body').append("<div id=\"table\"><table><thead><tr><th>Topic</th><th>Value</th></tr></thead></table></div>");
    }
}

function getTopicsForDevice(device) {
    $.ajax({
        type:"GET",
        url:"api_url",
        dataType: "json",
        beforeSend: function (request, settings) {
            console.log(settings.url);
            request.setRequestHeader("Authorization", "Bearer reallylongtoken");
        }
    });
}

Но я получаю ошибку 403, и когда я смотрю наЗаголовки запроса, которые я попытался установить, не указаны.Но я знаю, что эта функция вызывается, потому что появляется журнал.

Маленькая деталь, которая может иметь значение ... Моя IDE (IntelliJ) не окрашивает слово ajax в желтый и слово beforeSend, также как оно не используется длясделать в другом рабочем проекте.