title: AngularJS Get not working
body: <p>I am new to AngularJS.  I have a .net MVC WebAPI Restful app running on a IIS server.  When I query the api with <a href="http://xxx.xxx.xxx.xxx/api/project" rel="nofollow">http://xxx.xxx.xxx.xxx/api/project</a>  I get:</p>
  
  <pre><code>[{"Id":1,"Name":"Glenn Block","Created":"0001-01-01T00:00:00"},{"Id":2,"Name":"Dan Roth","Created":"0001-01-01T00:00:00"}]
  </code></pre>
  
  <p>I created a ProjectCtrl (in a separate empty project) that looks like this:</p>
  
  <pre><code>angular.module('Project', ['ngResource']);
  
  function ProjectCtrl($scope, $resource) {
      $scope.project = $resource('http://192.168.1.221/api/project'
      );
      $scope.project.get(function (data) {
          console.log('success, got data: ', data);
      }, function (err) {
          alert('request failed');
      });
  }
  </code></pre>
  
  <p>I always get a failure.  I addressed CORS issues on the server and the request header contains </p>
  
  <pre><code>Access-Control-Request-He...    x-requested-with
  Access-Control-Request-Me...    GET
  </code></pre>
  
  <p>What I find odd is that when I look in firebug it does NOT do a get but rather shows Option project with a status of 200</p>
  
  <p>I am not sure what I missing.  </p>