Angular: Reset model

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-resource-1.0.0.js"></script>
<script src="http://code.angularjs.org/angular-1.0.0.js"></script>
<html ng-app="my">
<div ng-controller="MyCtrl">
    <input type="text" ng-model="name" />
    <button ng-click="reset()">Reset to initial value</button>
    or     
    <button ng-click="name = initial">Reset to initial value</button>
    <hr />
    {{name}}
</html>
<script>
var module = angular.module("my", []);
module.directive("editable", function() {
});

function MyCtrl($scope) {
    $scope.initial = "Freewind";
    console.log('i am here');
    
    $scope.name= $scope.initial;
    
    
    $scope.reset = function(){
    console.log(i am reset);
      $scope.name = $scope.initial;  
       console.log($scope.name);
    } 
    
          
}
</script>

JavaScript

var module = angular.module("my", []);
module.directive("editable", function() {
});

function MyCtrl($scope) {
    $scope.initial = "Freewind";
    console.log('i am here');
    
    $scope.name= $scope.initial;
    
    
    $scope.reset = function(){
    console.log(i am reset);
      $scope.name = $scope.initial;  
       console.log($scope.name);
    } 
    
          
}