title: Textarea auto-scroll to the bottom
body: <p>I have a textarea that I append data to with <code>textarea.value += "more text\n";</code> and I would like it to "stay" scrolled to the bottom, so it would always show the last line.</p>
  
  <p>I have read that I should do:</p>
  
  <pre><code>var textarea = document.getElementById('textarea_id');
  textarea.scrollTop = textarea.scrollHeight;
  </code></pre>
  
  <p>But I tried that (<a href="http://jsfiddle.net/BenjiWiebe/mya0u1zo/" rel="noreferrer">http://jsfiddle.net/BenjiWiebe/mya0u1zo/</a>) and I can't get it to work.</p>
  
  <p>What am I doing wrong?</p>