$(document).ready(function() {
    // ダイアログボックスの初期化
    $('#dialog').dialog({
        bgiframe: true,
        autoOpen: false,
        width: 550,
        modal: true,
        buttons: {
            'OK': function() {
                $(this).dialog('close');
            },
        }
    });
    // idが「open_dialog」のリンクがクリックされた時に、
    // ダイアログボックスを開くようにする
    $('#open_dialog').bind('click', function() {
        // 「yourname」のinput要素の値をクリア
        $('#yourname').val('');
        // ダイアログボックスを開く
        $('#dialog').dialog('open');
    });
});