I'm writing a directive that will take a link, makes a HEAD request to check if the link returns a 200 code, and if it does, then sticks that link into an iframe src.

But, what I'm finding is that $http is giving me errors, despite the fact that the network tab of my chrome & firefox debuggers are showing me the server responds with a status code of 200.

Plnkr here to demonstrate:
<http://plnkr.co/edit/dgn5E8u3WYijd73kKtAz?p=preview>

```
angular.module('testHead', [])
  .controller('testHeadController', function($http) {
      var vm = this;
      vm.results = "waiting";

      vm.getHead = function() {
        $http.head('http://www.apple.com/')
          .then(
            function(response) {
              console.log("response", response)
            },
            function(error) {
              console.log("error", error)
            }
          )
      }
});

```

Open up the preview in full screen with the console open and you'd be able to see what I mean...

![Status code of 200, with angular's error showing a status code of 0](https://i.stack.imgur.com/fLWtk.png)

Does anybody know why this is occurring? Is it a bug in AngularJS? Why won't AngularJS show the status code that the browser is receiving?
Thanks!