title: Angularjs ng-model updates the variable for input element not for div element
body: <p>So I'm new to Angularjs, but I'm trying to write the code for a comment area where users can put their comments. For this I'm using a div element with conteneditable="true" property. Here's my code for html: </p>
  
  <pre><code>&lt;html&gt;
      &lt;script src="./includes/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="./includes/angular.route.js"&gt;&lt;/script&gt;
      &lt;script src="./includes/angular.sanitize.js"&gt;&lt;/script&gt;
      &lt;script src="./includes/test.js"&gt;&lt;/script&gt;  
      &lt;body ng-app="testapp" ng-controller="cnt1"&gt; 
  
          &lt;div contenteditable="true" ng-model='comment'&gt;{{comment}} &lt;/div&gt;
          &lt;input ng-model='comment' type='text'/&gt;&lt;br&gt;
  
          &lt;div&gt;{{comment}}&lt;/div&gt;    
      &lt;/body&gt;    
  &lt;/html&gt;
  </code></pre>
  
  <p>and here is the .js code</p>
  
  <pre><code>/// &lt;reference path="./angular.min.js"
  /// &lt;reference path="./angular.route.js"
  /// &lt;reference path="./angular.sanitize.js"
  /// &lt;reference path="./jq/jquery-2.0.3.min.js"
  /// &lt;reference path="./moment.min.js"
  /// &lt;reference path="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"
  
  var app = angular.module("testapp", ['ngRoute', 'ngSanitize']);
  app.controller("cnt1", function ($scope, $http, $rootScope, $timeout) {
      $scope.comment = "type here";
  
  });
  </code></pre>
  
  <p>I don't understand why ng-model updates the "comment" variable in the input element but it does not update the variable for the div element! Any help is appreciated! 
  And if $apply() can fix this, how should I use it so it updates the "comment" variable in the div element? </p>