Using a lightbox for Ajax div output
Hi,
I am new to ajax/jquery, so please bear with me. I have a form that I output the contents of it into a div below the form. I do this w/:
- jQuery("input[name=SubmitMI]").click(function(event)
{
jQuery.post("/custom/manage.php",jQuery("#MI_form").serialize(),
function(data){
jQuery('#managepanel').html(data);
jQuery('#managepanel').lightBox(data);
return false;
});
});
jQuery('#managepanel').html(data); outputs the content of the user's form successfully into the managepanel div below the form. All I want to do is have the div w/ output of form to display in a lightbox instead of below the form.
I am trying to use the lightbox plugin as you can see w/ jQuery('#managepanel').lightBox(data);
I sure I'm missing something conceptually. Can anyone supply the code to make this work?
Much appreciated, thanks!
Carl