jquery - JQuery を開くダイアログ

Question

要素の1つがjQueryダイアログを開く必要があるaspxページに次のマークアップがあります。これがマークアップです。

<asp:Repeater ID="Repeater1" runat="server" >
    <HeaderTemplate>
    <table cellpadding="5" cellspacing="0" >
    <tr align="center" >
        <th align="center"><span><a href="#" style="color:Blue;background-color:#f2f2f2;" >Open Dialog</a></span></th>
    </tr>
    .......
</asp:Repeater>

次の JQuery 関数を使用してダイアログ ボックスを開こうとしていますが、機能しません。

$("th span a").click(function (e) {
           e.preventDefault();
           var targetUrl = $(this).attr("href");

           $("#dialog").dialog({
               buttons: {
                   "Close": function () {
                       $(this).dialog("close");
                   }
               }
           });

           $("#dialog").dialog("open");
       });

何が欠けているのですか？