jquery - 動的に生成される jQuery Mobile ダイアログを作成するより良い方法はありますか?

Question

jQuery ダイアログ ウィジェットを使用して、サーバーから返された JSON データを表示します。これを機能させることができると思われる唯一の方法は、少し「ハック」のようです。アンカーを作成して非表示にし、data-roll='page'div の外にダイアログ構造を追加する必要があります -

<a id='lnkDialog' href="#dialog" data-rel="dialog" data-transition="pop"></a>

a#lnkDialog{display:none;}

<div data-role="page" id="dialog" data-close-btn="right">
    <div data-role="header" data-theme="d" class="ui-icon-nodisc" data-iconshadow="false"> 
     <h1 id="dialogHeadline"></h1></div>    
     <div data-role="content" id="text"></div>    
</div>

返された JSON を表示するには、これを $.ajax 呼び出しの成功関数に追加する必要があります。

$("#lnkDialog").click();
$("#dialogHeadline").text('Success');
$('#text').append('<p>The location ' + '<span style="font-weight:bold;font-style:italic;">' + Name + '</span> has been added.</p>' + '<p>Details:<br> ' + 'ID: ' + ID + '<br>Address: ' + Address1 + '</p>');

ダイアログの HTML 構造を var に保存し、可能で$('#lnkDialog').click();あればそれを呼び出したいのですが、動作させることができません。

var dialog = '<div data-role="header" id="dialog" data-close-btn="right">//rest of HTML</div>';
$('#lnkDialog'.click( dialog );//doesn't seem to work, and how would I chain the .text and .append functions here?

ページ上の複数のフォームから、このダイアログ構造に複数回アクセスする必要があります。これをより効率的に行うにはどうすればよいですか？