title: Why doesn't my textarea text display/hide as expected?
body: <p>im trying to use javascript in my textarea to display text until the user clicks on it. The text should show on load and disappear when clicked. However, mine seems to do the opposite. My text doesn't show on load until the user has clicked the box and clicked out of it again? not too sure what I've done wrong.</p>
  
  <pre><code>&lt;form action="upload.php" method="POST"&gt;
  
  &lt;input type="hidden" name="hidden_id" value="&lt;?php print $id; ?&gt;"/&gt;
  &lt;input type="text" id="username" name="sent_by" onfocus="if (this.value == 'Your Name')
  this.value = '';" onblur="if (this.value == '') this.value = 'Your Name';" maxlength="30"  
  value="Your Name" /&gt;
  
  &lt;input type="text" id="user_email" name="sent_email" onfocus="if (this.value == 'Your Email')   
  this.value = '';" onblur="if (this.value == '') this.value = 'Your Email';" maxlength="30" 
  value="Your Email" /&gt;
  &lt;br /&gt;&lt;br /&gt;
  
  &lt;textarea name="message" value="Enter Your Message Here..." cols="60" rows="5" 
  id="artical_message" onfocus="if (this.value == 'Enter Your Message Here...') this.value = '';" 
  onblur="if (this.value == '') this.value = 'Enter Your Message Here...';" &gt;&lt;/textarea&gt;
  
  &lt;p align="right"&gt;
  &lt;input name="submit_comment" type="submit" value="Send Message" class="contact_button"&gt;
  &lt;/p&gt;
  &lt;/form&gt;
  </code></pre>