naive http get of non-cors supported api

<!DOCTYPE html>
<html>
  <head>
    <script data-require="angular.js@1.0.7" data-semver="1.0.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="app.js"></script>
  </head>

  <body ng-app="myApp">
    <div ng-controller="MainCtrl">
      <p>{{data}}</p>  
    </div>
  </body>
</html>

var myApp = angular.module('myApp',[]);

myApp.controller('MainCtrl',['$scope', '$http', function($scope,$http){
  $scope.data = "unknown";
  $http.get('http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139').success(function(data){
      $scope.data = data;
    });
}]);