jquery - Javascript の JQuery ダイアログ

Question

ダイアログを表示しようとしていますが、[OK] ボタンをクリックしても閉じることができません。よくわかりません..何が間違っているのか教えてください。

このコードをjsfiddleに入れようとすると、出力が表示されません:(

function alert_popup_msg(_msg)
{
   var id = "dialog_" + (new Date()).getTime();
   var popDiv = "<div id='" + id + "'><div  class=\"popup-background\"><label class=\"color-white no-text-shadow center-align font-helv-16-bold std-padding-a\">Alert</label><label class=\"color-white no-text-shadow center-align font-helv-12-reg std-padding-a\">"+_msg+"</label><div class=\"center-align\"><a class=\"btn-simple-black-orange btn-text btn-login\" id=\"okButtonCallBack\">Ok</a></div></div></div> ";                                             
   $.mobile.activePage.append(popDiv).trigger("pagecreate");
   //addEventListener_(id);
   $( "#" + id ).dialog({
      modal: true,

    });
   //$("#" + id).popup();
   $("#" + id).dialog("open");
   $("#okButtonCallBack").click(function(event){
        $("#" + id).dialog("close");

   });

};