title: why is my angularjs service undefined?
body: <p>I am using a service inside an angular controller like so:
  my Service: </p>
  
  <pre><code>MyServices.factory('Product', ['$http',function($http){
  
      this.fn = function(city, state, category, categoryDetailValue) {
          return $http.get('serverURL',{params: {city:city, state:state, category:category, categoryDetailValue:categoryDetailValue}}
          ).then(function(results){
              return results.data;
          });
      };      
  }]);
  </code></pre>
  
  <p>my Controller:</p>
  
  <pre><code>$scope.init = function () {
      console.log(Product);   
      Product.fn($rootScope.city, $rootScope.name, 'param1', 'param2').then(function(results) {
          // Do something with results
          $scope.items = results.Transactions;
      });
  
  };
  </code></pre>
  
  <p>when i try to call the Service inside the controller,  the error says "Product is undefined"; please correct me where is my mistake?</p>