Talvez este seja um problema relacionado ao navegador? Estou no Chrome no momento ...

O que estou tentando realizar é permitir que o usuário salve o texto que selecionou (destacado) na página com o cursor.

Eu tenho o javascript / jQuery / ajax toda a configuração ... e funciona como um encanto quando estou testando através do console.

ou seja, seleciono algum texto e, em seguida, executo este comando.

alert(getSelected());

Para o qual eu recebo um popup de alerta com os caracteres selecionados. ... então funciona em teoria.

NO ENTANTO - Quando quero usar um botão para fazer a chamada, o que está acontecendo é que a seleção de texto desaparece PRIMEIRAMENTE e, portanto, não consigo ver / salvar o que eles selecionaram.

<script>
$('#save').click(function(){
  var selected_text = getSelected();
});
</script>

<div id="save"><img src="the_save_button.jpg" height="50" width="50" /></div>

Existe uma maneira de manter a seleção de texto ao clicar / depois de clicar no botão "salvar" DIV?

Aberto a todas e quaisquer soluções !! Obrigado!