jquery - jquery uiダイアログコンポーネントのボタンテキストのみを更新する方法

Question

jQueryUI ダイアログ (ポップアップ) があります。その上にいくつかのコントロールがあります。データを入力し、btnFindPerson をクリックして btnAddNewPerson テキストを更新します。ただし、btnAddNewPerson テキストはポップアップを閉じないと更新できませんでした

脚本：

    function x() {
        $("#dialog").dialog({
            title: "jQuery Dialog Popup",
            open: function (type, data) { $(this).parent().appendTo("form"); },
            buttons: {
                Close: function () {
                    $(this).dialog("destroy").remove();
                }
            }
        });
    }

HTML:

<input type="Button" name="name" title="ccc" value=" bbb" onclick="x();" />
  <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnFindPerson" EventName="Click" />
        <asp:PostBackTrigger  ControlID="btnAddNewPerson"/>
    </Triggers>
    <ContentTemplate>
        <div id="dialog" style="display: none;">
            This is a simple popup
            <asp:Label Text="Ara:" runat="server" ID="x" />
            <asp:TextBox ID="txtEnterPerson" runat="server" />
            <asp:Button ID="btnFindPerson" Text="Bul" runat="server" OnClick="btnFindPerson_Click" />
            <asp:Button ID="btnAddNewPerson" Text="Yeni Kişi Ekle" runat="server" />
        </div>
    </ContentTemplate>
  </asp:UpdatePanel>