title: jQuery ajax basic authentication is not working
body: <p>I am trying to make jQuery AJAX request to some basic http authenticated url.
  here is my jQuery code:</p>
  
  <pre><code>jQuery.ajax({
    url: "https://abc.com/houses/1/appliance_hints",
    method: 'GET',
    cache: false,
    crossDomain: true,
    beforeSend: function(xhr){
      xhr.setRequestHeader('Authorization', 'Basic Z3NsYWI6cGFzczFnczFhYg==');
    },
    success: function(result){
      alert(result);
    }
  });
  </code></pre>
  
  <p>I am setting request header 'Authorization' here. But here is what i see in request header in FF </p>
  
  <pre><code>Host    &lt;host&gt;
  User-Agent  Mozilla/5.0 (Ubuntu; X11; Linux x86_64; rv:8.0) Gecko/20100101 Firefox/8.0
  Accept  text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
  Accept-Language en-us,en;q=0.5
  Accept-Encoding gzip, deflate
  Accept-Charset  ISO-8859-1,utf-8;q=0.7,*;q=0.7
  Connection  keep-alive
  Origin  &lt;origin&gt;
  Access-Control-Request-Me...    GET
  Access-Control-Request-He...    authorization,x-requested-with
  </code></pre>
  
  <p>Am i doing anything wrong ?
  I am getting status code 302 in the response.
  Is there any server side configuration error ?</p>