AngularJS - Controllers and Interaction

HTML

<script src="http://code.angularjs.org/1.1.4/angular.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div ng-app>
    <fieldset ng-controller="FirstCtrl">
        <legend>Controllers and Interaction</legend>
        <input type="text" ng-model="data.name">
        <input type="text" ng-model="data.shlomo">
        <p>{{ reverse(data.name) }}</p>
        <button ng-click="resetName()" class="btn">Reset</button>
    </fieldset>
</div>

JavaScript

function FirstCtrl($scope) {
    $scope.data = {
        name: 'Rise to vote, sir',
        shlomo: 54
    };
    $scope.reverse = function (text) {
        return text.split('').add($scope.data.shlomo).join('');
    };
    $scope.resetName = function () {
        $scope.data.name = '';
    };
}