ajax jquery modal

[francescocorr]

Salve a tutti, ho un problema. Vorrei che al completamento di una chiamata ajax mi si apra un modale. Il codice scritto è questo:

il mioo codice JS

    $.ajax({
        type: 'POST',
        url: baseUrl+ 'check',
        async: true,
        dataType: 'json',
        data: {
            id : id
        },
        success: function(data) {
           
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert("check ERROR");
        },
        complete: function() {
            $("#dialog").dialog("open");
            console.log('COMPLETE');

        }
    });

nell'heaer ho importato:

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

nell'html:

<div id="dialog" title="Dialog Title">I'm in a dialog</div>

L'errore che mi restituisce è il seguente:

TypeError: $(...).dialog is not a function
$("#dialog").dialog("open");

come posso fare per lanciare il modale al completamento della funzione?

Grazie

[francescocorr]

Qualche aiutino?
Grazie...

[cavicchiandrea]

Ma secondo me l'apertura della dialog va nel success non nel complete che serve come "verifica" della chiamata ajax

[francescocorr]

Uhm... ho provato ma nn mi funziona.
Sbaglio qualcosa?

Grazie

[cavicchiandrea]

Da quanto leggo per aprire la id dialog devi fare cosi $("#dialog").dialog(); la "open" si usa per altri id