title: Contenteditable with ng-model doesn't work
body: <p>I'm trying to store the value of a <code>contenteditable</code> to my JS code. But I can't find out why <code>ng-model</code> doesn't work in this case.</p>
  
  <pre><code>&lt;div ng-app="Demo" ng-controller="main"&gt;
      &lt;input ng-model="inputValue"&gt;&lt;/input&gt;
      &lt;div&gt;{{inputValue}}&lt;/div&gt; // Works fine with an input
      &lt;hr/&gt;
      &lt;div contenteditable="true" ng-model="contentValue"&gt;&lt;/div&gt;
      &lt;div&gt;{{contentValue}}&lt;/div&gt; // Doesn't work with a contenteditable
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a workaround to do that ?</p>
  
  <p>See : <a href="http://jsfiddle.net/gatdk6g9/" rel="noreferrer"><strong>JSFiddle</strong></a></p>
  
  <p><strong>Note:</strong> I'm creating a Text editor, so the user should see the result, while I'm storing the HTML behind it. (ie. user see: "This is an <strong>example</strong> !", while I store: <code>This is an &lt;b&gt;example&lt;/b&gt; !</code>)</p>