title: Can't get $http response data to controller
body: <p>I have a factory that returns a JSON object using angular. $http.get request is getting data because I can see it in console.log(data). I also know if I hard code the JSON object into the factory the controller receives the data and displays in the view correctly</p>
  
  <p>My questions is this why is <code>list:  function(callback)</code> not returning the
  data to my controller even though $http.get is getting it?</p>
  
  <pre><code>  .factory('countries', function($http){
            return {
              list:  function(callback){
          $http.get('../test.json').success(function(data, status, headers) {
  
              console.log("success");
              console.log(data);
              //console.log(status);
          }).error(function(data, status) {
  
              //console.log("error");
              // console.log(data);
              // console.log(status);
          });
        }
      };
  
      /*
      var x = {
          list: [
                  {
                      "name": "China",
                      "population": 1359821000,
                      "flagURL": "//upload.wikimedia.org/wikipedia/commons/f/fa/Flag_of_the_People%27s_Republic_of_China.svg",
                      "capital": "Beijing",
                      "gdp": 12261
                  },
                  {
                      "name": "India",
                      "population": 1205625000,
                      "flagURL": "//upload.wikimedia.org/wikipedia/en/4/41/Flag_of_India.svg",
                      "capital": "New Delhi",
                      "gdp": 4716
                  },
                  {
                      "name": "United States of America",
                      "population": 312247000,
                      "flagURL": "//upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg",
                      "capital": "Washington, D.C.",
                      "gdp": 16244
                  }
              ]
          };
  
        console.log(x);
        return x;
       */
  
       })
  
       .controller('View2Ctrl', function ($scope, countries){
        $scope.countries = countries.list;
        });
  </code></pre>