ajax authorization,json - Sending authorization headers with jquery and ajax - Stack Overflow

I have looked at the following questions here on stackoverflow with no luck in what im trying to do.

Here is my code that I currently have:

$(document).ready(function() {

$.ajax({

url: 'http://sample.domain.com/script.php?name1=value1&jsonp=?',

type: 'GET',

dataType: 'json',

contentType: "application/json",

beforeSend: function(xhr) {

xhr.setRequestHeader("Authentication", "Basic ZnJvbWFwcGx********uOnRoM24zcmQ1UmgzcjM=") //Some characters have been replaced for security but this is a true BASE64 of "username:password"

},

success: function(data){

alert(data);

}

});

});

The subdomain I have is password protected by an .htpasswd file. The login of the site works just fine for me using the username/password combo used in the base64 encode.

Im running this script on a different domain than the one that the url is on which is why i have the jsonp=? in the url

The response im getting from the console in the browser is:

GET http://sample.domain.com/script.php?name1=value1&jsonp=jsonp1334177732136 401 (Authorization Required)