JQuery не отправляет заголовки для базовой аутентификации

Question

Я пробовал каждый пример, который я видел на stackru, и я все еще не могу заставить jquery включить авторизацию. Я пользователь jQuery 1.11.3. Вот мой вызов ajax

var headers = "Basic "+username+":"+password;
var data = $.ajax({
        type: "GET",
        url: "https://55.55.55.55:6025/users",
        crossDomain: true,
        dataType: 'jsonp',
        beforeSend : function(xhr) {
          xhr.setRequestHeader("Authorization", headers);
        },
        xhrFields: {
          withCredentials: 'true'
        },
        processData: 'false'
})
data.done(function (result) {
    console.log(result);
})
data.fail(function (result) {
    console.log(result);
});

Я также попробовал это:

var data = $.ajax({
    type: "GET",
    url: "https://104.236.169.12:6025/users",
    crossDomain: true,
    dataType: 'jsonp',
    username: creds[0],
    password: creds[1]
})

Почему это не включает поле авторизации в заголовки запроса?

Я также использую Limejs. Так что, если есть какая-то функциональность CORS внутри, которую я не получаю, кто-нибудь, пожалуйста, укажите на это?

РЕДАКТИРОВАТЬ

Я нашел этот метод, который, кажется, работает:

var data = $.ajax({
    type: "GET",
    url: "https://[e-mail]:pass@104.236.169.12:6025/users",
    dataType: 'jsonp'
})

но он отправляет учетные данные в виде простого текста в запросе http. Это безопасный метод?