jquery - JSONの各レコードに対してJqueryUIダイアログを作成する方法

Question

データベースからデータを取得する必要があり、レコードごとに異なるダイアログ ボックスを表示したいと考えています。以下のコードを試しましたが、機能しません...動的に作成する必要がありますか?

私のコードには何がありませんか?

 $.getJSON("jsonfile.php", function(json){ 
    $.each(json, function (key, val) {
      $.each(val, function (key, val1) {
             if(key=='rem_doc_deal_ref')
          {
        $('#rem_doc_deal_ref').text(val1);
          }
       $( "#dialog_rem_doc" ).dialog({
       buttons: {
      "Ok!": function() {
       $( this ).dialog( "close" );
       },
      Cancel: function() {
      $( this ).dialog( "close" );
       }
     }
    });
    });
  });
});

これが私のJSONです

[{"id":"27","rem_doc_deal_ref":"RH-D-139"},{"id":"43","rem_doc_deal_ref":"RH-D-140"},{"id":"41","rem_doc_deal_ref":"RH-D-144"},{"id":"55","rem_doc_deal_ref":"RH-D-157"},{"id":"33","rem_doc_deal_ref":"RH-D-158"},{"id":"22","rem_doc_deal_ref":"RH-D-233"}}

ここに私のHTMLがあります

<div id="dialog_rem_doc" title="Reminder Alert" style="display:none;">
    <span id="rem_doc_deal_ref"></span>
</div>