title: AngularJS $http.jsonp request fail
body: <p>I've written an ajax call to a large json file who need authentication.</p>
  
  <pre><code> var responsePromise = $http.jsonp("http://url_to_file/file.json", 
                                        {headers: {'Authorization': 'Basic ' + btoa(username + ":" + password)}});
  
   responsePromise.success(function(data, status, headers, config) {
          alert("Success")
   });
   responsePromise.error(function(data, status, headers, config) {
          alert("AJAX failed!");
   });
  </code></pre>
  
  <p>When checking the Network tab in the chrome developer tool I can see the request succeed with status 200, But the promise objec still cactched in the error callback:</p>
  
  <p><img src="https://i.stack.imgur.com/Dwvi5.png" alt="enter image description here"></p>
  
  <p>What am I doing wrong?</p>