Defina a posição do cursor sempre para terminar em div editável por conteúdo [duplicado]

Esta pergunta já tem uma resposta aqui:

Como mover o cursor para o final da entidade editável por conteúdo 5 respostascontenteditable, defina o sinal de intercalação no final do texto (cross-browser) 3 respostas

No meu projeto, estou tentando definir a posição do cursor sempre ao final do texto. Eu sei que esse é o comportamento padrão, mas quando adicionamos algum texto dinamicamente, a posição do cursor muda para o ponto de partida no Chrome e no Firefox (o IE é bom, incrível

De qualquer maneira para fazê-lo funcionar corretamente no chrome e no firefo

Aqui está o fiddle

<div id="result" contenteditable="true"></div>
<button class="click">click to add text</butto>
var result = $('#result');
$('.click').click(function () {
    var preHtml = result.html();
    result.html(preHtml + "hello");
    result.focus();
});

Eu tentei adicionarsetStart esetEnd como mencionado nesteligaçã mas não adianta.

questionAnswers(1)

yourAnswerToTheQuestion