title: Watermark for textarea textbox using JQuery
body: <p>i am trying to use watermark for the asp.net textbox control with jquery and below is the code i have, i see the title on my textarea textbox but when i focus or click on the textbox the watermark does not clear.</p>
  
  <p>i got the script from here. <a href="http://www.ajaxblender.com/howto-add-hints-form-auto-focus-using-javascript.html" rel="nofollow">http://www.ajaxblender.com/howto-add-hints-form-auto-focus-using-javascript.html</a></p>
  
  <pre><code>&lt;asp:TextBox runat="server" ID="txtNew" class="auto-hint" title="Enter here ..." 
  TextMode="MultiLine" Rows="7" Width="100%"&gt;&lt;/asp:TextBox&gt;
  
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          // Focus auto-focus fields 
         $('.auto-focus:first').focus();
  
          // Initialize auto-hint fields 
          $('INPUT.auto-hint, TEXTAREA.auto-hint').focus(function () {
              if ($(this).val() == $(this).attr('title')) {
                  $(this).val('');
                  $(this).removeClass('auto-hint');
              }
          });
  
          $('INPUT.auto-hint, TEXTAREA.auto-hint').blur(function () {
              if ($(this).val() == '' &amp;&amp; $(this).attr('title') != '') {
                  $(this).val($(this).attr('title'));
                  $(this).addClass('auto-hint');
              }
          });
  
          $('INPUT.auto-hint, TEXTAREA.auto-hint').each(function () {
              if ($(this).attr('title') == '') { return; }
              if ($(this).val() == '') { $(this).val($(this).attr('title')); }
              else { $(this).removeClass('auto-hint'); }
          });
  
      }); 
  &lt;/script&gt; 
  </code></pre>