title: AngularJS jsonp is not working for me
body: <p>I am not getting the data in html page.
  home.html</p>
  
  <pre><code>&lt;!Doctype html&gt;
  
  &lt;html ng-app="myServiceApp"&gt;
  
  &lt;head&gt;    
      &lt;title&gt;Processing $http.jsonp() response in service&lt;/title&gt;        
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div ng-controller="myServiceCtrl"&gt;
  
      &lt;h3&gt;Processing $http.jsonp() response in service&lt;/h3&gt;
  
      &lt;button ng-click="doJSONPRequest()"&gt;Click and make JSONP request&lt;/button&gt;    
      &lt;p&gt;Data Details: {{details}}&lt;/p&gt;    
      &lt;p&gt;Status Code: {{statcode}}&lt;/p&gt;    
  &lt;/div&gt;    
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>myServiceCtrl.js</p>
  
  <pre><code>var app = angular.module('myServiceApp', []);
  
  app.controller('myServiceCtrl', function ($scope, $http) {
  
      $scope.doJSONPRequest = function () {
  
          var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK";
  
          $http.jsonp(url)
  
              .success(function (data, status, headers, config) {
  
                  $scope.details = data.found;
  
                  $scope.statcode = status;
  
              })
  
              .error(function (data, status, headers, config) {
  
                  $scope.statcode = status;
  
              });
  
      }
  
  });
  </code></pre>