JQuery reload div content (dynamically rendered)

Question

I have a div generated by html via Expression Engine. I am 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 are looking for something like this:

 $('#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

Almost any of the methods listed in the jQuery "manipulation" section will do what you want: http://docs.jquery.com/Manipulation

Answer 3

And for your pretty fading in

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