knockout.js - ノックアウト ヒント テキストのカスタム バインディングを作成する方法

Question

テキスト入力にヒント テキストを表示するカスタム バインディングを作成しようとしています。

これまでのところ私はこれを持っていますが、うまくいきません:

ko.bindingHandlers.hintText= {
    init: function (element, valueAccessor) {
        element.focus(function () {
            if ($(this).val() === defaultText) {
                $(this).attr("value", "");
            }
        });
        element.blur(function () {
            if ($(this).val() === '') {
                $(this).val(valueAccessor());
            }
        });
    }
}

html:

<input id="profileID" type="text" data-bind="hintText:'Enter Profile ID'" />