title: Focusing on a textarea after dynamically editing textarea text
body: <p>I have a textarea and everytime a 'keyup' is detected it sets the current value of the textarea to the textareas text. Reason is, so that this text becomes a part of the HTML and I can then use localStorage to save the inputted text.</p>
  
  <p>my code so far...</p>
  
  <pre><code>$(document).on('keyup', '.note_text', function () {
      var text = $(this).val();
      $(this).text(text);
  });
  </code></pre>
  
  <p>My issue is, as soon as the keyup is detected the text area is no longer in focus so you have to click back into it and type again, and obviously you can only hold keys down to continuously type, as if you type normally the function is triggered by the key up.</p>
  
  <p>I'm using $(document) as the textarea is dynamically created into the DOM</p>