title: HTML5 Content Editable DIV focus
body: <p>I have a DIV with <code>&lt;div contentEditable="true" id="content"&gt;&lt;/div&gt;</code>, my problem is that after using javascript to post off the div's contents, the cursor is still flashing within the DIV and I wanted this div to lose focus after submitting its contents, that is how can I get the cursor to be removed from the DIV after submitting? I have already tried setting the blur to this DIV after submitting but to no avail.</p>
  
  <pre><code>    $('.save-button').on('click',function(){
      var newBio = $("#content").text();
      newBio = $.trim(newBio);
  
      $.post(postdatahere,
              function(data) {
              $("#content").blur();
              $('.save-button').hide();
          });
  });
  </code></pre>
  
  <p>Also, is it better to use <code>.text()</code> to get data from editable DIV or <code>.html()</code>?</p>