I have this 2 functions to be execute but I want the second to be executed only when the content of the first request is already loaded in the DOM element..

general function that loads ajax content:

function ajaxDialog(AjaxUrl, type, targedDom, dialogedDom, tabs) { $.ajax({ url: AjaxUrl, type: type, DataType: "html", success: function (data) { //puts data inside targedDom Dom elemen $('#' + targedDom).html(data); //create tabs loadDialogSettings(dialogedDom, tabs); } });

}

this first function creates a tab sctructure:

ajaxDialog('/Admin/AdminSettingsTabsStructure', 'POST', renewedDom, targetDom, true);

and this one populate with some content tab number 2

loadRolesAndAcessRules('/Admin/AdminRolesAndAccessRules', 'GET', 'tabs-2');

I was thinking in execute the second function on the onComplete callback from the Ajax request but is a little confusing... could I get some help?

Thanks