jquery dialog form with asp:hyperlink

[wabsBease]

I have an issue in implementing the JQuery dialog with asp.net form. When I click on \[code\]#hlChangePassword\[/code\] nothing happens. This is my code below:\[code\]<script type="text/javascript"> jQuery(document).ready(function () { jQuery('#hlChangePassword').click(function () { var dlg = jQuery('div#ChangePass').dialog({ width: 500, height: 500, modal: true, buttons: {}, open: function (event, ui) { $(".ui-dialog-titlebar-close").hide(); } }); dlg.parent().appendTo(jQuery("form:first")); }); });</script>\[/code\]html\[code\]<asp:HyperLink ID="hlChangePassword" runat="server" NavigateUrl="#">Change Password</asp:HyperLink><div id="ChangePass" style="display:none;">//The content</div>\[/code\]I don't know what is the problem. Please help me.