Problema con ventana modal JQuery

[ramiro_md]

Buenas, quería saber cuál es el correcto funcionamiento de los Dialog en JQuery.
Es tema es el siguiente, en la página de un proyecto tengo el link a iniciar sesión y cuando le doy click quiero que aparezca una ventana modal con un form login.
Hasta ahora tengo:

Link de login y div que contiene la info de la ventana

Código HTML:

<div id="divDialog" title="Iniciar Sesi&oacute;n">
        <form name="login" id="login">
        <label>Usuario: </label><input type="text" name="usuario" id="usuario" />
        <label>&nbsp;&nbsp;&nbsp;Clave: </label><input type="password" name="password" id="password" />
        </form>
    </div>
    <input type="button" id="btnOpen" value="Open">
 

login.js (definicón de la ventana)

Código Javascript:

$(document).ready(function(){
    $("#divDialog").dialog({
        resizable: true,
        autoOpen:false,
        modal: true,
        width:400,
        height:400,
        position: 'center',
        buttons: {
            'Continue': function() {
                $(this).dialog('close');
                alert('You clicked continue');
            }, // end continue button
            Cancel: function() {
                $(this).dialog('close');
            } //end cancel button
        }//end buttons
    });//end dialog
}); //end ready event
 

y el handler onclick

Código Javascript:

$('#btnOpen').click(function(){
            $('#divDialog').dialog('open');
        });
 

Con todo esto definido, cuando le doy click al botón no funciona.
Alguien ya trabajo con esto ?
Agradecría cualquier tipo de centro jeje
Saludos y desde ya muchas gracias.