carga de info con load

[wilmer30]

Gracias,

El caso es que trabajo con Zend Framework y necesariamente despues de guardar en una accion (Myproyecto/modulo/controlador/accion definido asi en zend)

//$.post('/permisos/index/add #container'

debo hacer que se refresque un area que se encuentra en myProyecto/permisos automaticamente agarrará el indexAction que es donde esta el

<div id="wtable">..</div>

aqui el codigo jquery:

Código Javascript:

$( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 250,
        width: 350,
        modal: true,
        open: function(){
            $("#dialog-form").load('/permisos/index/add #container');
        },
        buttons: {
            "Guardar": function() {             
                    $.post('/permisos/index/add #container',{name: $("#name").val(),defecto: $("#defecto").val()},
                        function(){
                        $('#info').load('/permisos #wtable');
//                      $(location).attr("href","/permisos");
                    });
                    $( this ).dialog( "close" );                    
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        }
    });
    $( "#create-user" ).click(function() {
            $( "#dialog-form" ).dialog("open");
    });
 

este el formulario que se carga en un dialogUI

Código HTML:

<div id="info">
                <div id="container">
<p class="validateTips">Todos los campos son requeridos.</p>
<form id="permisos" enctype="application/x-www-form-urlencoded" class="wufoo" action="" method="post"><dl class="zend_form">
 
<input type="hidden" name="id" value="" id="id" />
<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></dl></form></div></div>
 

y este el wtable

Código HTML:

<div id="info">
    <table align=center id="wtable">
.....
<tfoot><tr><th colspan="6">
    <button id="create-user" style='background:url("images/new_act.jpg") center no-repeat;' title='Nuevo'>&nbsp;</button>                   
</th></tr></tfoot>
</table>
<div id="dialog-form" title="Nuevo"></div>
</div>
 

pues aclarar que todo esta dentro del controlador index es decir /permisos/index, si ves el id="info" agarra tanto al formulario como a la tabla.

Lo que quiero es que el .load() (u otra funcion) recargue solo el id="wtable" y no toda la página, y actualmente lo hace pero solo la primera ves al pulsar el boton "create-user" y cuando deseo cargar el formulario por segunda ves simplemente no carga nada, tampoco me emite un mensaje de warning o error.

Gracias por su ayuda