title: HTML textarea ignores 1st new line character, why?
body: <p>Could you explain why this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
     document.write("&lt;textarea cols='10' rows='10'&gt;" + "\nhello\nbabe\n" + "&lt;/textarea&gt;");
  &lt;/script&gt;
  </code></pre>
  
  <p>renders a textarea with one new line at the bottom, but <strong>NO new line at the top</strong>?</p>
  
  <p><img src="https://i.stack.imgur.com/IT1U4.jpg" alt="enter image description here"></p>
  
  <p>Tested IE8, FF11, Safari 5.1, Chrome 24</p>
  
  <p>And it's not a JS issue, even when you write HTML in page you get the same result, i.e.</p>
  
  <pre><code>&lt;textarea cols='10' rows='10'&gt;
  hello
  babe
  &lt;/textarea&gt;
  </code></pre>
  
  <p>The 1st new line is still missing!!!</p>
  
  <p>I need to add another new line at the top in order to show one:</p>
  
  <pre><code>document.write("&lt;textarea cols='10' rows='10'&gt;" + "\n\nhello\nbabe\n" + "&lt;/textarea&gt;");
  </code></pre>