title: Angular $http 404 status
body: <p>I am new to angular, I have created a web API Rest service and a simple client making get requests.</p>
  
  <p>it works fine when calling localhost but when I move it to a different server I get 404 statuses, even though I can see a 200 status in fiddler and the JSON I need.</p>
  
  <p>The two requests and responses look identical, I have seen all the posts on about removing headers which I have done.</p>
  
  <p>I am using Angular 1.2.10 and JQuery 1.11.0</p>
  
  <p>Does anyone know of any other issues I am missing.</p>
  
  <pre><code>typescript class being called
    export class SearchService {
      http: ng.IHttpService;
  
      constructor($http) {
        this.http = $http;
      }
      SearchPages(successCallback: Function, searchFor: string): void {
        delete this.http.defaults.headers.common['X-Requested-With'];
        this.http.get("http://www.?????.com/????/api/search/" + searchFor).success(function (data, status) {
          successCallback(data);
        }).error(function (data, status, headers) {
            var tt: string = "Error";
          });
      }
    }
  </code></pre>
  
  <p>many thanks</p>