title: Adding default value to text box
body: <p>I am using the following script to add default values to input text boxes:</p>
  
  <pre><code>$('.default-value').each(function() {
      var default_value = this.value;
      $(this).css('color', '#746F66'); // this could be in the style sheet instead
      $(this).focus(function() {
          if(this.value == default_value) {
              this.value = '';
              $(this).css('color', 'black');
          }
      });
      $(this).blur(function() {
          if(this.value == '') {
              $(this).css('color', '#746F66');
              this.value = default_value;
          }
      });
  });
  </code></pre>
  
  <p>With the following form:</p>
  
  <pre><code>&lt;form method="post" action="contactengine.php"&gt;
      &lt;input type="textbox" class="default-value" name="Name" id="Name" value="Full Name"&gt;
  
      &lt;input type="textbox" class="default-value" name="Email" id="Email" value="Email"&gt;
  
      &lt;textarea name="Message" class="default-value" name="Message" id="Message" value="Your message"&gt;&lt;/textarea&gt;
  
      &lt;input type="submit" name="submit" id="submit" value="Submit" class="submit-button" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The default values work fine for the textboxes, but I can't work out how to get the default value into the textarea.  At the moment nothing is showing up in the textarea, as you can see <a href="http://www.bodhitreebrighton.org.uk/test/contact.html" rel="nofollow">here</a>.</p>
  
  <p>Could someone help with this?</p>
  
  <p>Thanks,</p>
  
  <p>Nick</p>