First things first, I've searched for similar tickets and yes I found the one were somebody confused props with attributes. I am not making the same mistake here.

​http://jsfiddle.net/PHqS9/2/

It does work with .attr('prop', 'prop') but I don't want to add prop="prop" to the element, I just want to add prop.

When sending Basic Authentication credentials with an jQuery AJAX request like so:

$.ajax({

type: 'GET', url: '​http://domain.com', beforeSend : function(xhr) {

var credentials = btoa(username + ':' + password); xhr.setRequestHeader("Authorization", "Basic " + credentials);

}, dataType: 'jsonp', success: function(data) {

console.log(data);

},

});

It doesn't work because the dataType is JSONP. Changing the dataType to JSON works.

However if you need to use JSONP for CORS, you have to do the following workaround:

$.ajax({

type: 'GET', url: '​http://username:[email protected]', dataType: 'jsonp', success: function(data) {

console.log(data);

}

});

I use the following code to determine whether a new version can be used.

$.support.cors = true;
$.ajax({
  url: 'http://code.jquery.com/jquery-{version}.js',
  type: 'GET',
  async: false
});

But produced a BUG： "NetworkError: 405 Not Allowed - ​http://code.jquery.com/jquery-2.1.1.js" jquery-2.1.1.js NS_ERROR_FAILURE jQuery requires a window with a document