Как читать Kickstarter json с помощью Angular JS

Я новичок, пытающийся использовать Angular JS для чтения данных Kickstarter json и отображения их на странице.

У меня есть ручка кода, показывающая базовый код, который я использую с рабочим образцом источника данных, а затем неработающий пример с исходным кодом для кик-стартера.

http://codepen.io/anon/pen/KmCsc

HTML

<div ng-app>
<div ng-controller="recent">
<p>First Project ID: {{kickstarter.projects[0].id}}</p>
<p>Total hits: {{kickstarter.total_hits}}</p>
</div>
</div>

Javascript

function recent($scope, $http) {
$http.get('https://www.kickstarter.com/discover/recently-launched?format=json').
success(function(data) {
$scope.kickstarter = data;
});
}

Возможно, я ошибаюсь в том, как ссылаюсь на переменную, я уже несколько часов бьюсь головой о стену и не вижу ее. Ваш опыт высоко ценится.

Для справки последние данные проекта Kickstarter доступны в формате json здесь: https://www.kickstarter.com/discover/recently-launched?format=json

Заранее спасибо за вашу помощь.