title: $http TypeError: Cannot read property 'get' of undefined - in a factory
body: <p>Not sure why this is a problem </p>
  
  <p>I have get error on $http </p>
  
  <p><strong>Index.html</strong>   // References to files</p>
  
  <pre><code>&lt;script src="common/services/common.services.js"&gt;&lt;/script&gt;
  &lt;script src="common/services/deviceService.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>common.services.js</strong>  // I'm not using ngResource /$resource for $http obviously  <strong>do I need to use httpprovider ?</strong></p>
  
  <pre><code>(function () {
        "use strict";
  
  angular
      .module("common.services",   // name of module
      ["ngResource"])   // array that defines the dependencies  ( ngResource contains the $resource service)
  } ());
  </code></pre>
  
  <p>PROBLEM is here...</p>
  
  <p><strong>deviceService.js</strong></p>
  
  <pre><code>(function () {
  "use strict";
  
  angular
      .module("common.services")
      .factory("deviceService",
      ["$http",deviceService]);
  
      function deviceService($http) {
  
         function httpGetCost(cost, amount, $http) {
             $http.get('../api/deviceEvents.json')
              .then(function (result) {
             //.......
         }
  
         return {  outsideCall: httpGetCost }
     }
  
  } ());
  </code></pre>
  
  <ol>
  <li>I'm not sure purpose of common.service.js  really...</li>
  <li>Do I need $http to have some httpprovider service reference?</li>
  <li>I gather I'm not injecting in $http correctly?</li>
  </ol>