使用jQuery交换输入字段占位符文本

Question

I try as following jquery code, but it doesn't work true, how can fix it?

Demo: http://jsfiddle.net/pjqcf/

<input type="text" value="Some descriptive text...">​

$('input[type=text]').focus(function () {
    if ($(this).val() == $(this).attr('defaultValue')) {
        $(this).val('');
    }
});
$('input[type=text]').blur(function () {
    if ($(this).val() == '') {
        $(this).val($(this).attr('defaultValue'));
    }
});​

Answer 1

You haven't set "defaultValue" attribute of your input. Set "defaultValue" to "Some descriptive text.." and it should work

<input type="text" value="Some descriptive text..." defaultValue="Some descriptive text...">​

Answer 2

Works fine after adding defaultValue to your markup. See below change,

<input type="text" 
    value="Some descriptive text..." 
    defaultValue="Some descriptive text...">

DEMO

Answer 3

change "defaultValue" to "value". Or add defaultValue attribute to your input