title: textarea placeholder clear on focus
body: <p>I'm trying to implement basic placeholder logic with jquery for textarea.. But there is one small issue I couldnt figure out how to fix it. Here is the html ;</p>
  
  <pre><code>&lt;textarea class="commentInput" rows="1" cols="50" title="Say something..."&gt;
      Say something...
  &lt;/textarea&gt;
  </code></pre>
  
  <p>and javascript is ;</p>
  
  <pre><code>$('.commentInput').live('focus', function() {
      if ($(this).val() == $(this).attr('title')) {
          $(this).val('');
      }
  });
  
  $('.commentInput').live('blur', function() {
      if ($(this).val() == '' &amp;&amp; $(this).attr('title') != '') {
          $(this).val($(this).attr('title'));
          $(this).attr('rows', 1);
      }
  });
  </code></pre>
  
  <p>It's all working fine but one case it's broken.. Let say I type "Say something..." to textarea, and just click to somewhere else in html, and then when i focus back to textarea it's clear the text because of jquery focus event matches the value of textarea and title of text area..</p>
  
  <p>How can i solve it or anyother idea?
  Thanks.</p>