QueryTextBox initialization - SearchUnit - Forum

I have the following SearchBox:

<keyoti:SearchBox ID="sbxProdSearch" runat="server" AutoCompleteQuery="True" AutoCompleteQueryFailSilent="True" AutoCompleteQueryMaxSuggestions="5"
AutoCompleteQueryRunSearchOnSelect="True" AutoCompleteQueryShowNumberOfResults="True" OnSearch="sbxProdSearch_OnSearch" RememberQuery="True">
<QueryTextBox ID="qtbProdSearch" runat="server" CssClass="text-box init" type="text" />
<SearchButton ID="sbProdSearch" runat="server" CssClass="go-button" type="button" Value="Go" />
</keyoti:SearchBox>

I also have the following script defined on that ASPX page:

<script type="text/javascript">
function clearTextBox(me) {
me.className = me.className.replace(" init", "");
me.value = "";
return true;
}
</script>

In the code-behind for that page, I have:

qtbProdSearch.Attributes.Add("onFocus", "return clearTextBox(this);")

The intent is for the initial text ("Search products") to be gray (the "init" CSS class) and for the text to be cleared and the color restored to black when the user clicks in the text box. It's not happening. I have used this same technique successfully with an HTML textbox. Is there another way to do it with the Keyoti QueryTextBox?

That was what I needed. Thanks!

Dan