When do I use .val() vs .innerHTML?
<p>In JQuery when trying to access elements, I see that if I have a form (lets say a <code>textarea</code>), and I want to get the <code>text</code> inside of it, I must use <code>$("textarea").val();</code></p>

<p>Instead if I have a <code>h1</code> element, I must use <code>$("h")[0].innerHTML;</code></p>

<p>Why is this the case? <code>h1.val()/textarea.innerHTML do not work</code></p>