Размер диалогового окна JQueryUI

Я новичок в JQueryUI, и хотя у меня есть рабочий диалог, он не открывается с размером, который я думаю уточнение. Почему установка ширины и высоты, когда диалог определен, не влияет на начальный размер диалога? Как мне сделать это 600 пикселей на 500 пикселей?

Вот div, который определяет диалог:

<div id="dialog-form" title="Create Appointment">   
  <form> . . . </form>
</div>

Вот JavaScript, который делает диалог из него:

$(function() {
    $("#dialog-form").dialog({
        autoOpen: false,
        maxWidth:600,
        maxHeight: 500,
        width: 600,
        height: 500,
        modal: true,
        buttons: {
            "Create": function() {
                $(this).dialog("close");
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        },
        close: function() {
        }
    });

И JavaScript, который определяет кнопку для его открытия:

$("#create-appt")
    .button()
    .click(function() {
        $("#dialog-form").dialog("open");
    });
});

Редактировать:

Теперь я вижу проблему: это сработало бы нормально, за исключением того, что я запускал его в Google Chrome с помощью - app = ... параметр командной строки, поэтому он не перезагружал все приложение.