Wrap jQuery AJAX in ES6 Promise

jquery-ajax-promise.js

function AjaxError(jqXHR, textStatus, errorThrown) {
  this.name = "AjaxError";
  this.message = textStatus;
  this.jqXHR = jqXHR;
  this.errorThrown = errorThrown;
}
AjaxError.prototype = new Error();
AjaxError.prototype.constructor = AjaxError;

(function($) {
  function decorateAsJQuery(promise) {
    promise.done = function(fn) {
      return decorateAsJQuery(promise.then(fn));
    };
    promise.fail = function(fn) {
      return decorateAsJQuery(promise.then(null, fn));
    };
    promise.complete = function(fn) {
      return decorateAsJQuery(promise.then(fn, fn));
    };
    promise.always = promise.complete;
    return promise;
  }
  var jqAjax = $.ajax;
  $.ajax = function ajax() {
    var args = Array.prototype.slice.call(arguments);
    var jqPromise = jqAjax.apply(this, args);
    var promise = new Promise(function(resolve, reject) {
      jqPromise.then(function(data, textStatus, jqXHR) {
        resolve(data);
      }, function(jqXHR, textStatus, errorThrown) {
        reject(new AjaxError(jqXHR, textStatus, errorThrown));
      });
    });
    return decorateAsJQuery(promise);
  };
})(jQuery);

$(element).load() fails when jqXHR.always() isn't defined. Example: https://jsfiddle.net/30p2ft80/

Promise chaning is available by default in jQuery, but .catch() is not: https://jsfiddle.net/x7k0yem9/3/