jQuery .html().length not returning correct value
<p>I'm trying to 
1) remove default text in a textarea when a user focuses on it.
2) if he doesn't enter anything and clicks away, the default text should be reinserted.</p>

<p>My code below handles case #1, but fails case #2 in Chrome and Safari (but not Firefox).
When I enter in text (so $(this).html().length > 0) and then click away, jQuery incorrectly determines that $(this).html().length == 0, so it removes the entered text and reinserts the default text.</p>

<pre><code>jQuery(document).ready(function inputHide(){
    $('textarea').each(function(){
        var this_area = $(this);
        var this_area_val;

        this_area_val = this_area.html();
        this_area.focus(function(){
            if(this_area.html() == this_area_val){
                    this_area.html('');
            }
        }).blur(function(){
            if(this_area.html().length == 0){
                this_area.html(this_area_val);
            }
        }); 
    });
</code></pre>

<p>Thanks for your help.</p>
