title: JSONP request gives 404 in Angular app
body: <p>I'm trying to get some data from an API with a JSONP request, but I get a 404 every time. I would assume my URL is wrong, but I can hit the URL manually in Chrome and get the desired response. My <code>$http.jsonp</code> request always errors with a 404 showing up in my <code>console.log</code> in the error callback.</p>
  
  <p>Here's the code that makes the request: </p>
  
  <pre><code>$scope.fetchDefaultLabel = function () {
        // This code will eventually set the label to the site name when the endpoint field blurs.
        // Currently not working properly.
        if ($scope.endpoint) {
          var baseUrl = $scope.endpoint.split('/')[2];
          var siteNameUrl = 'http://' + baseUrl + '/api/sitename.json?callback=JSON_CALLBACK';
          console.log(siteNameUrl);
          $http.jsonp(siteNameUrl)
            .success(function(data, status, headers, config) {
              $scope.label = data;
            })
            .error(function(data, status, headers, config) {
              console.log('Data: ' + data);
              console.log('Status: ' + status);
              console.log('Headers: ' + headers);
              console.log('Config: ' + config);
            });
        }
      };
  </code></pre>
  
  <p>Network panel of Chrome Dev Tools shows a 200 response for the request with the response body I would expect, but that's not getting to Angular for whatever reason.</p>