検索ボックスの JS を jQuery で

JS のコードを XHTML から追い出したいということで jQuery を試してみました。検索ボックスの「Keyword(s)」をフォーカスしたときに空白にするやつ。

<input type="text" class="inputField" id="searchKeyword"  name="s" size="10" onfocus="if (this.value == 'Keyword(s)') this.value = '';" onblur="if (this.value == '') this.value = 'Keyword(s)';" value="Keyword(s)" />

もともとこんな感じでした。 XHTML 内に JS が混じっていてキモチワルいです。それが、 jQuery を使えば以下のように簡単に JS ファイル内で行うことができました。

$(function(){
    $("#searchKeyword")
        .focus(function() {
            if( this.value == "Keyword(s)" ) {
                this.value = "";
            }
        })
        .blur(function() {
            if( this.value == "" ) {
                this.value = "Keyword(s)";
            }
        });
});