setting values [jquery or javascript]
<p>So I have an input box, and when a user types something in it I want a second textarea change its value to match that of the input's, on click.  How can I do this using javascript, jquery, or something simpler, or php...</p>

<p>Here's my code:</p>

<p>This is the first input:</p>

<pre><code>&lt;form class="form1" action=../search.php method="post"&gt;
&lt;input class="askInput" type="text" name="q" value="Search for tags and users or ask a question" onclick="if(this.value == 'Search for tags and users or ask a question') this.value='';"  onblur="if(this.value.length == 0) this.value='Search for tags and users or ask a question';"&gt;&lt;/input&gt;
                    &lt;input class="searchEnter" type="image" name="submit" src="../Images/askQuestion.png"&gt;&lt;/input&gt;&lt;/form&gt;
</code></pre>

<p>This is the textarea:</p>

<pre><code>&lt;div id="askCenter"&gt;
&lt;img class="close" src="../Images/closeAsk.png"&gt;&lt;/img&gt;
&lt;h1&gt;&lt;img src="../Images/askQuestionTitle.png" alt="Ask this question"&gt;&lt;/img&gt;&lt;/h1&gt;
&lt;textarea&gt;&lt;/textarea&gt;
&lt;span class="holder"&gt;&lt;input type="text" value="add tags" onclick="if(this.value == 'add tags') this.value='';"  onblur="if(this.value.length == 0) this.value='add tags';"&gt;&lt;/input&gt;
&lt;span class="note"&gt;&amp;#8727; Tags are separated by commas&lt;/span&gt;

&lt;/span&gt;
&lt;input class="askAway" type="image" src="../Images/askAway.png" alt="Ask away"/&gt;
</code></pre>

<p></p>
