docs(cookbook/form): fix the example

Closes #712

1 files changed, 11 insertions, 11 deletions

diff --git a/docs/content/cookbook/form.ngdoc b/docs/content/cookbook/form.ngdoc
index afb30e36..175a7275 100644
--- a/docs/content/cookbook/form.ngdoc
+++ b/docs/content/cookbook/form.ngdoc
@@ -20,7 +20,7 @@ allow a user to enter data.
       $scope.zip = /^\d\d\d\d\d$/;
 
       $scope.addContact = function() {
-         $scope.user.contacts.push({type:'', value:''});
+         $scope.user.contacts.push({type:'email', value:''});
       };
 
       $scope.removeContact = function(contact) {
@@ -34,16 +34,16 @@ allow a user to enter data.
   </script>
   <div ng-controller="FormController" class="example">
 
-    <label>Name:</label><br/>
-    <input type="text" ng-model="user.name" required/> <br/><br/>
+    <label>Name:</label><br>
+    <input type="text" ng-model="user.name" required/> <br><br>
 
-    <label>Address:</label><br/>
-    <input type="text" ng-model="user.address.line1" size="33" required> <br/>
-    <input type="text" ng-model="user.address.city" size="12" required>,
-    <input type="text" ng-model="user.address.state" size="2"
-           ng-pattern="state" required>
+    <label>Address:</label><br>
+    <input type="text" ng-model="user.address.line1" ng-model-instant size="33" required> <br>
+    <input type="text" ng-model="user.address.city" ng-model-instant size="12" required>,
+    <input type="text" ng-model="user.address.state" ng-model-instant
+           ng-pattern="state" size="2" required>
     <input type="text" ng-model="user.address.zip" size="5"
-           ng-pattern="zip" required><br/><br/>
+           ng-pattern="zip" required><br><br>
 
     <label>Phone:</label>
     [ <a href="" ng-click="addContact()">add</a> ]
@@ -54,12 +54,12 @@ allow a user to enter data.
         <option>pager</option>
         <option>IM</option>
       </select>
-      <input type="text" ng-model="contact.value" required/>
+      <input type="text" ng-model="contact.value" ng-model-instant required/>
        [ <a href="" ng-click="removeContact(contact)">X</a> ]
     </div>
     <hr/>
     Debug View:
-    <pre>user={{user}}</pre>
+    <pre>user={{user | json}}</pre>
   </div>
 
  </doc:source>