ajax form submit issue

ajax form submit issue

I'm having an issue with the success function of the ajax form submit and I'm not sure how to begin to troubleshoot.

The ajax form submit works fine and I'm using it to submit several forms on the same page (all work).

On one particular form I need to do some work after the form has been submitted successfully.

I'm initializing the form like this in the ready function:

$('#formtraining').submit(function() { 
$(this).ajaxSubmit({ 
target:        '#outputtraining', 
beforeSubmit:  updatePoints,
success:       responseTraining
});
return false; 
});

In the updatePoints function I validate the form and return false if there is a problem (otherwise I return true).

In the responseTraining function I am refreshing some datatables like this:

function responseTraining(responseText, statusText) { 
refreshTables();
document.getElementById("outputTraining").innerHTML = 'Updated!';
// add alert for update error
}

The refreshTables function is used several times on the page in response to other ajax events and works fine, however when I attempt to use it in the success of the ajax form submit I get:

Object #<an Object> has no method 'fnReladAjax'


This works on the page in other areas, what can I do to get this tor work from the success of the ajax form submit?

Any help is GREATLY appreciated!