jQuery: load response Document into div

Question

I get an asyc response from the server that contains an HTML that I would like to display:

    $( document ).ready( function ()
    {
       var options = 
       {
        success: showResponse,
        error: errorHandler,
        type: 'post'
       }; 

       // bind to the form's submit event 
       $('#captureForm').submit(function() 
       {
           $(this).ajaxSubmit(options); 
           return false; 
       });
   });

   function showResponse(responseDoc, statusText)
   {
       $('#output').html( responseDoc );
   }

Where #output is a div where I would like the response document to be injected. The above code does not do the trick.

Any suggestions will be greatly appreciated.

Thanks.

-Raj

Answer 1

it might be a problem with options, try moving them into the function.