title: Cannot read response from AngularJS $resource JSONP get from Google Finance
body: <p>I am following the tutorial at <a href="http://www.youtube.com/watch?v=IRelx4-ISbs" rel="nofollow">http://www.youtube.com/watch?v=IRelx4-ISbs</a> to use AngularJS $resource to get JSON data of a stock index, such as the S&amp;P 500, from Google Finance.  However, when I write the result to console, I do not see the data.  I get this in Google Chrome's console:</p>
  
  <ul>
  <li>e</li>
  <li>__proto: 3</li>
  <li>$delete</li>
  <li>$get</li>
  <li>$query</li>
  <li>$remove</li>
  <li>$save</li>
  <li>constructor</li>
  <li>__proto</li>
  </ul>
  
  <p>However, when I go to "Network" in Chrome's console, I see the get in the Name Path left column.  When I click on the "info, I see five tabs on the right panel.  Under the Preview and Response tabs, I see the correct data.  I just don't know how to see or retrieve that in my Javascript.</p>
  
  <p>I attempted to put my code to <a href="http://jsfiddle.net/curt00/ycYn7/" rel="nofollow">http://jsfiddle.net/curt00/ycYn7/</a>  but Google Chrome's console is giving me "Uncaught Error:  No module: Twitter".  (Does anybody know how to get around this error?)  Here is the HTML code from my jsfiddle:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="Twitter"&gt;
      &lt;head&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular-resource.min.js"&gt;
          &lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;
      &lt;div ng-controller="TwitterCtrl"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the Javascript code from my jsfiddle:</p>
  
  <pre><code>angular.module('Twitter', ['ngResource']);
  
  function TwitterCtrl($scope, $resource) {
  
  var tickerSymbol = "INDEXSP:.INX";
  
  var tempurl = 'https://finance.google.com/finance/info?client=ig&amp;q=' + tickerSymbol.replace(":","%3A") + '&amp;callback=?:action';
  
  $scope.googleFinance = $resource(tempurl,
                                     {action:'&amp;test=', q:'test', callback:'JSON_CALLBACK'},
                               {get:{method:'JSONP'}});
  
  $scope.indexResult = $scope.googleFinance.get();
  
  console.log('indexResult: ',$scope.indexResult);
  }
  </code></pre>
  
  <p>Can anybody suggest how my code should be changed so that I can fetch the data from the response?</p>