How to make top textarea blank when new row is added
<p>I have a jsfiddle <a href="http://jsfiddle.net/4Pc4B/10/" rel="nofollow">http://jsfiddle.net/4Pc4B/10/</a>. In the jsfiddle, type in a question in the textarea and then click on the "Add Question" button. This adds the question in a new row underneath but the problem is that when this happens, the textarea at the top still displays the question. I want it so that if the user has clicked on the "Add Question" button AND if the question is added in a new row, then the textarea on top should go blank. How can this work?</p>

<p>Below is code to make the textarea blank:</p>

<pre><code>var area = document.getElementsByTagName('textarea');
for (var i = area.length-1; i&gt;=0; i--) {
if ('questionText'===area[i].name) area[i].value = "";
}
</code></pre>

<p>Where do I display this code?</p>

<p>Thanks</p>
