title: $http.get request gets string instead of json on success (Angular JS)
body: <p>The controller returns data, however I can't iterate over it in the HTML file. However using the expression {{phones}} directly displays the data returned. I believe the data is being returned as a string instead of json. I am expecting the names and snippets corresponding to all the data returned in the loop.</p>
  
  <pre><code>&lt;body ng-app="phonecatApp" ng-controller="PhoneListCtrl" &gt;
      Search: &lt;input ng-model="query"&gt;
      Sort By:
      &lt;select ng-model="orderByFilter"&gt;
          &lt;option value="name"&gt;Alphabetical&lt;/option&gt;
          &lt;option value="age"&gt;Numerical&lt;/option&gt;
      &lt;/select&gt;
      &lt;ul&gt;
          &lt;li ng-repeat="phone in phones | orderBy:orderByFilter"&gt;
              &lt;span&gt;{{phone.name}}&lt;/span&gt;
              &lt;span&gt;{{phone.snippet}}&lt;/span&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;script src="~/Scripts/AngularScript.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Angular js script</p>
  
  <pre><code>var phonecatApp = angular.module('phonecatApp', []);
  phonecatApp.controller('PhoneListCtrl', function ($scope, $http) {
      $http.get('Home/GetJson').success(function (data){        
          $scope.phones = data;
      });
  });
  </code></pre>
  
  <p>Controller Action method</p>
  
  <pre><code>public JsonResult GetJson()
          {
              string variablename = "[{'name': 'Nexus S','snippet': 'Fast just got faster with Nexus S.', 'age': 1}]";
              return Json (variablename, JsonRequestBehavior.AllowGet);                
          }
  </code></pre>