title: Place caret in anchor of contenteditable when placed at the end of the line
body: <p>I have the following contenteditable div:</p>
  
  <pre><code>  &lt;div class='editable' contenteditable&gt;&lt;a href="http://somehref" target="_blank"&gt;Place caret in here on focus&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want to place the caret at the end of the text node of the anchor tag when the div has focus so that when the user edits the text they are editing the anchor's text node and not adding a new text node beside the anchor tag.</p>
  
  <p>I have this <a href="http://jsbin.com/gewoluh/1/edit?html,js,console,output" rel="nofollow">jsbin</a> that shows the problem.  If you place the cursor after the word focus and start typing, you can see that it is not updating the anchor text.</p>