title: Trigger ENTER event in contentEditable
body: <p>I have a contenteditable div and would like to trigger an 'enter' when certain keys (like D) are pressed. Below code doesn't work...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#div_edit').keydown(function(e) {
      if(e.keyCode == 68) {
          var k = jQuery.Event('keypress', { which: 13 });
          $('#div_edit').trigger(k);
      }
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="div_edit" contenteditable="true"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm only concerned about Chrome.</p>
  
  <p>EDIT: I would like to add that everytime the D key is pushed, it creates a new element 'div' inside the contenteditable where the user can continue typing in the new div/new line. Example:</p>
  
  <pre><code>&lt;div id="div_edit" contenteditable="true"&gt;
      &lt;div&gt;The start of the sentence&lt;/div&gt;
      &lt;div&gt;user hit D so continue typing here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>EDIT: I guess my main question is, is there no way to trigger an ENTER in a contenteditable element???</strong></p>