Отправка авторизации через ajax + window.location

У меня есть пароль и логин, который закодирован в base64 и должен быть отправлен в заголовке перед переходом на следующую страницу.

var encodeAuth = btoa("login:pass") 

$('form').on('submit', function(){ //тут пока одна кнопка, которая ничего в себе не несёт, в будущем, там будут данные, но пока просто пустышка
    document.cookie = "Authorization: " + encodeAuth; // думал отправить заголовки в куки, безуспешно
    $.ajax({
        data: {},
        type: "GET", 
        headers: {
            'Authorization': 'Basic '  + encodeAuth // так же, объявить заголовок тут, безуспешно
},
xhrFields: {
    withCredentials: true,
}, 
    url: '/counters', // куда надо перейти дальше, оставлял пустым, не помогло
beforeSend: function (xhr) {
    xhr.setRequestHeader('Authorization', "Basic " + encodeAuth); 
},
success: function(output, status, xhr) { 
    console.log(xhr.getResponseHeader('Authorization')) // null - вот тут я не понимаю, почему
   // window.location.href = '/counters'; 

},
error: function (xhr,textStatus,errorThrown){
    console.log("ERROR : ", errorThrown);
    console.log("ERROR : ", xhr);
    console.log("ERROR : ", textStatus);
}
})      
return false
})

В зависимости от удаления некоторых строк с заголвоками, я получаю вот такую ошибку:

syntaxerror: unexpected token < in json at position 0

Задача - отправить логин и пароль в headers , чтобы они сохранились при переходе на следующую страницу.