Here's the code:

2.  $.ajax({
3.             type: 'GET',
4.             url: url,
5.             dataType: 'json',
6.             success: function(data){
7. 
   
8.                 $(data.html).dialog({
9.                     autoOpen: false,
10.                     title: 'Sign In',
11.                     modal: true,
12.                     dialogClass: 'login-form-dialog'
13.                 });
14.                 $(this).dialog('open');
15.             },
16.             error: function (xhr, ajaxOptions, thrownError){
17.                 alert(xhr.statusText);
18.                 alert(thrownError);
19.             }  
20.         });

Basically, on my page the user clicks a link, which pulls in the HTML for the form via JSON, which I then use to open the dialog.  If I create this dialog without autoOpen: false, it works just as intended - however I can't hide/destroy the dialog except by hitting the (x).  Calling

1. $('.login-form-dialog').dialog('close');