title: simple-auth-token JWT authorization not setting Authorization header
body: <p>I'm trying to setup a simple Ember.js app to talk with a custom API server, with JWT authentication.
  I can login at the API server and obtain a JWT token, but then no Authorization header is set in subsequent calls to the API server.</p>
  
  <p>My login controller is:</p>
  
  <pre><code>import Ember from 'ember';
  export default Ember.Controller.extend({
  
      actions: {
          authenticate: function() {
            var credentials = this.getProperties('identification', 'password'),
              authenticator = 'simple-auth-authenticator:jwt';
  
            this.get('session').authenticate(authenticator, credentials).then(function() {
                // authentication was successful
                console.log('OK');
              }, function(err) {
                // authentication failed
                console.log('FAIL ' + JSON.stringify(err));
              });
  
          },
          logOut: function() {
              this.get('session').invalidate();
          }
        }
  });
  </code></pre>
  
  <p>I can successfully login and obtain a token. My login route:</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Route.extend({
  
      actions: {
           sessionAuthenticationFailed: function(error) {
              console.log('Login error: ' + error.ErrorDesc);
              this.controllerFor('login').set('loginErrorMessage', error.ErrorDesc);
              this.controllerFor('login').set('ErrorMoreInfo', error.MoreInfo);
          },
  
          sessionAuthenticationSucceeded: function() {
              console.log('Session authenticated: ' + this.get('session').content.secure.token);
  
              // redirect to last route requested, or to default route
              var attemptedTransition = this.get('session').get('attemptedTransition');
                if (attemptedTransition) {
                  attemptedTransition.retry();
                  this.get('session').set('attemptedTransition', null);
                } else {
                  this.transitionTo('index');
                }
          }
      }
  });
  </code></pre>
  
  <p>...shows me the token is properly acquired, and correctly redirects me to my protected routes (e.g. index). Since then, if I try to get any data from the API server, it does not receive any "Authorization: Bearer [token]" header at all.
  My environment configuration:</p>
  
  <pre><code>ENV['simple-auth'] = {
    authorizer: 'simple-auth-authorizer:token'
  };
  ENV['simple-auth-token'] = {
    refreshAccessTokens: true,
    timeFactor: 1000,
    refreshLeeway: 300, // Refresh the token 5 minutes (300s) before it expires.
    serverTokenEndpoint: 'https://localhost:8000/login',
    crossOriginWhitelist:[
       'http://localhost:4200',
       'https://localhost:8000'
      ],
    identificationField: 'user',
    passwordField: 'password',
    tokenPropertyName: 'token',
    authorizationPrefix: 'Bearer ',
    authorizationHeaderName: 'Authorization',
    // headers: {},
  };
  </code></pre>
  
  <p>I also tried manually setting the header by calling jqXHR.setRequestHeader overriding the authorize function in my login route, but with no success:</p>
  
  <pre><code>    authorize: function(jqXHR, requestOptions) {
          var auth= "Bearer " + this.get('session').content.secure.Token;
          console.log('Add authorization header ' + auth);
          console.log( JSON.stringify(requestOptions));
          jqXHR.setRequestHeader("Authorization", auth);
      }
  </code></pre>
  
  <p>Can anybody tell what I'm missing? Shouldn't simple-auth-token take care of adding the header automatically?
  Thanks for any help, 
  al.</p>