how to call asp.net's TextBox control's onFocus() method in JQuery?

how to call asp.net's TextBox control's onFocus() method in JQuery?

Hi,

I want to create a registration form in which when user clicks on a textbox feild, then a helper text appears. Like the one already created on the following page-
 
https://accounts.zoho.com/register?servicename=ZohoDiscussions&serviceurl=http://forum.jquery.com

Below is my not working code, can any one figure out what I'm doing wrong in this?

  1. <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js">   
      $(function(){
        $("TextBox")
            .focus(function () {
                $(this).next("span").fadeIn(1000);
            })
            .blur(function () {
                 $(this).next("span").fadeOut(1000);
            });
    )};
    </script>










  3.  <asp:CreateUserWizard ID="CreateUserWizard1" runat="server"                    FinishDestinationPageUrl="~/NewUser.aspx"                                        CreateUserButtonText="Add"
    oncreateduser="CreateUserWizard1_CreatedUser1"
    onfinishbuttonclick="CreateUserWizard1_FinishButtonClick">


  5.  <WizardSteps>
     <asp:CreateUserWizardStep ID="CreateUserWizardStep1" runat="server" >
        <ContentTemplate>
             <div class="registration-form">   
                  <ol>
                        <li>   
                             <asp:Label ID="UserNameLabel"






  6.                              runat="server" AssociatedControlID="UserName"
  7.                                 SkinID="label">Username
  8.                          </asp:Label>
                                
                            <asp:TextBox ID="UserName" runat="server"


  9.                          SkinID="textBox" TabIndex="1">      
  10.                        </asp:TextBox>
                           <span>Enter username.</span>
                                 </li>
                                 <li>    
                                        <asp:Label ID="PasswordLabel"




  11.                                      runat="server" AssociatedControlID="Password" SkinID="label">
  12.                                      Password</asp:Label>
                                   
                                        <asp:TextBox ID="Password"


  13.                                          runat="server" TextMode="Password"                       
  14.                                          SkinID="textBox" TabIndex="2"></asp:TextBox>
                                         <span>Enter password</span>                              
  15.                               </li>
                                 <li>     
                                    <asp:Label ID="ConfirmPasswordLabel" runat="server"
                                          AssociatedControlID="ConfirmPassword" SkinID="label">


  16.                                       Confirm Password</asp:Label>
                                   
                                        <asp:TextBox ID="ConfirmPassword"


  17.                                       runat="server" TextMode="Password"
  18.                                      SkinID="textBox" TabIndex="3"></asp:TextBox>
                                       
                                         <span>Re-enter password</span>   
                                   
                                 </li>



  19.                    </ol>
                </div>        
          </ContentTemplate>
    </asp:CreateUserWizardStep>


  20.  </asp:WizardStep>
  21.  </asp:CreateUserWizard>

Actually I want to display helper text on textbox's (of both wizard one and two) OnFocus method. And I want it generic because I have too many text boxes so I can't call each of them by writing its ID, If I do this it will make my code to way long, so lengthy like repeating same code too many times.

I want a generic cross-browser solution.

Please help I'm new to JQuery!
 
Regards,
newbiee