jQuery 事件未触发

我一直在努力让它发挥作用。基本上我有一个搜索框，其中有一个默认字符串（即搜索），当用户单击输入字段时它应该消失。

这是代码：

HTML:

<form method="get" action="index.php" id="search">
<span id="searchLogo"></span>
<input type='text' name='q' id='searchBox' value="Search <?php print $row[0]?> tweets!" autocomplete="off" />
</form>

Javascript/jQuery：（defaultString 是一个全局变量，具有文本框的值）

function clearDefault() {
var element = $('#searchBox');

if(element.attr('value') == defaultString) {
    element.attr('value',"");
}
element.css('color','black');
}

$('#searchBox').focus(function() {
clearDefault();
});

问题就在这里：

if(element.attr('value') == defaultString) {
    element.attr('value',"");
}

将其更改为：

if(element.val() == defaultString) {
    element.val('value');
}

更新：在这里检查：http://jsfiddle.net/mr3T3/2/ http://jsfiddle.net/mr3T3/2/