title: Restore cursor position after .replace()
body: <p>My biggest problem is that after it's replaced, the cursor defaults to the end of the textarea. That's no issue if I'm typing, but if I'm going back and editing, it's really annoying. Here's what I tried (the id of the textarea is "area")</p>
  
  <pre><code>var el = e.area;
  
    position = el.selectionStart; // Capture initial position
  
        el.value = el.value.replace('\u0418\u0410', '\u042F');
    el.selectionEnd = position;    // Set the cursor back to the initial position.
  </code></pre>