HTML

<input type="button" id="dialogOpen" value="ダイアログを表示" />
<div id="dialogTEST">
  名前：<input type="text" />
  <input type="button" value="ボタン" />
</div>

head部への記述

<link rel="stylesheet" type="text/css" media="all" href="./files/jquery-ui-1.8.16.custom.css" />
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("jquery", "1");
  google.load("jqueryui", "1");

  $(function(){
    $('#dialogTEST').dialog({
      modal:true,
      autoOpen:false,
      title:'テスト',
      closeOnEscape: false,
      buttons: {
          '* 注意 *': function() {
              alert('注意');
          }
      }
    });
    $('#dialogOpen').click(function(){
      $('#dialogTEST').dialog('open');
    });
  });
</script>

$(要素).dialog(オプション); でダイアログを作成し、$(要素).dialog('open');（autoOpen:trueの場合はなくてもよいですね） で表示させます。

オプションについて（「...」デフォルト）