2-way binding in AngularJS

<!DOCTYPE html>
<html ng-app="TwoWayBinding">

  <head>
    <script data-require="angular.js@*" data-semver="1.4.0-beta.5" src="https://code.angularjs.org/1.4.0-beta.5/angular.js"></script>
    <script data-require="ui-router@*" data-semver="0.2.13" src="//rawgit.com/angular-ui/ui-router/0.2.13/release/angular-ui-router.js"></script>
    <script src="script.js"></script>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body ng-controller="TwoWayBindingController">
    <h1>Demonstrating 2-way binding in AngularJS</h1>
  
    <div>
      <label for="name">Name:</label>
      <span ng-bind="person.name"></span>
    </div>
    <div>
      <input ng-model="person.name" />
    </div>
    
  </body>

</html>

// Code goes here
var app = angular.module('TwoWayBinding', []);

app.controller('TwoWayBindingController', function($scope) {
  
  $scope.person = {
    name : "Tom Jones",
    gender : "Male",
  };
  
});