jQuery reload div's content (dynamically rendered)

Question

I have a div that is generated html via Expression Engine. I'm using ajax submit:

$('#login-form').ajaxForm({  
    // success identifies the function to invoke when the server response 
    // has been received; here we apply a fade-in effect to the new content 
    success: function() { 
    $("#panel").RELOAD!!();//Just refresh this div!
    } 
}); 

I just want the #panel div to reload/refresh.

Answer 1

I assume you looking for something like that:

$('#login-form').ajaxForm({  
    success: function( data) { 
    $("#panel").html( data);//Will insert new content inside div element.
    } 
});

FIX:

$('#login-form').ajaxForm({ 
    target: '#panel', //Will update the "#panel"
    success: function( data) { 
    alert( "Success");
    } 
});

Answer 2

Pretty much any of the methods listed in jQuery's "manipulation" section are going to do what you want: http://docs.jquery.com/Manipulation

Answer 3

And for your pretty fade in

success : function(data) {
   $("#panel").hide().html(data).fadeIn('fast');
}