请教关于ASP.Net2.0和JavaScript的一个问题

这几天都在用Atlas做一个网站的Demo，遇到了一个自己不懂的问题。
请先看下面的用Atlas调用本地Web Services实现检查输入用户名是否在数据库中存在的代码：——暂且命名为“代码一”

 1<script language="javascript" type="text/javascript">
 2    function TestonClick()
 3>

再结合下面的代码(ASP.Net2.0工具箱登录选项卡中“CreateUserWizard”服务器控件中的一部分Html代码)：——暂且命名为“代码二”

 1……
 2<tr>
 3                                <td align="right">
 4                                    <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">用户名:</asp:Label></td>
 5                                <td>
 6                                    <asp:TextBox ID="UserName" runat="server"></asp:TextBox>
 7                                    <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
 8                                        ErrorMessage="必须填写“用户名”。" ToolTip="必须填写“用户名”。" ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
 9                                    <input id="Test" type="button" value="检验" onclick="return TestonClick()" />
10                                </td>
11                            </tr>
12……

(备注：现在的代码没有问题可以运行的很正常)
请看在“代码一”中的第4行

var username = $("ctl00_CPHolder1_CreateUserWizard1_CreateUserStepContainer_UserName").value;

。这段代码是想查找到在“代码二”中第6行的

<asp:TextBox ID="UserName" runat="server"></asp:TextBox>

TextBox服务器控件的值。如果我把“代码一”中的第4行改为

var username = $("UserName").value;

是错误的。因为程序运行后“代码二”中TextBox服务器控件的ID并不是编写时给的“ID="UserName"”而是“ID="ctl00_CPHolder1_CreateUserWizard1_CreateUserStepContainer_UserName"”，所以我想请问：如果我不直接像现在在“代码一”中第4行那样写出具体的服务器控件ID，我该如何取出服务器控件的ID呢？