title: Cannot get outerHTML/value of a dynamically added textarea
body: <p>This fiddle <a href="https://jsfiddle.net/xa9m49zy/" rel="nofollow">https://jsfiddle.net/xa9m49zy/</a> demonstrates that you can get the outerHTML (with the text area value) of a textarea that is in the DOM when it renders, but when the textarea is dynamically added to the DOM, the outerHTML doesn't contain the text area value. It doesn't work in Firefox and Chrome but it <em>does</em> work in IE and Edge. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;textarea id="abc"&gt;
    Test
  &lt;/textarea&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>console.log($("#abc").get(0).outerHTML); //returns everything as expected
  $("&lt;textarea id='xyz'&gt;&lt;/textarea&gt;").val("Test 2").appendTo("body");
  console.log($("#xyz").get(0).outerHTML); //only shows &lt;textarea&gt;&lt;/textarea&gt; in non-MS browsers
  </code></pre>
  
  <p>What is going on here? Is this a bug in Chrome and Firefox? </p>