Integrar form en modal jquery UI

[wilmer30]

logre resolver el problema efectivamente no redirigia bien en el load, sin embargo existe otro tema referente a mi form que no logro resolver, es que una ves que carga el formulario en el modal asi:

Código Javascript:

$(function() {
    var name    = $( '#name' ), //no obtiene el nombre
        defecto = $( '#defecto' ), //no obtiebe el valor numeral
        allFields = $( [] ).add( name ).add( defecto ),
        tips = $( ".validateTips" );
    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Guardar": function() {
                $.post('/permisos/index/add #container',{name: name.val(),defecto: defecto.val()},
                    function(){
                    $('#info').load('/permisos #wtable');
                });
                alert(name.val() + defecto.val()),              
                $( this ).dialog( "close" );
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
        }       
    });
 
    $( "#create-user" )
        .button()
        .click(function() {
            $( "#dialog-form" ).load('/permisos/index/add #container').dialog("open");
        });
});
 

No obtiene el valor de:

Código HTML:

<dt id="name-label"><label for="name" class="required">Usuario:</label></dt>
<dd id="name-element">
<input type="text" name="name" id="name" value="" /></dd>
<dt id="defecto-label"><label for="defecto" class="required">Valor:</label></dt>
<dd id="defecto-element">
<input type="text" name="defecto" id="defecto" value="" /></dd>
 

y cuando deseo enviar a guardar simplemente no guarda nada por que no tiene ningun registro, puse un:

alert(name.val() + defecto.val())

y tampono me muestra nada.