How to run an ajax call after another ajax call?

http://stackoverflow.com/questions/1995355/how-to-run-an-ajax-call-after-another-ajax-call

$(".bt_login").click(function (){ $.ajax({ type: 'POST', url: 'widgets/Login/loginProcess.PHP', data: dataString, success: function(data){ if(data == 'error'){ alert('Wrong username and/or password!'); }else{ $('#loginForm').html(data); $('#greet').html('Hello '+username+'!').fadeIn(); $('#open').html('Open Panel'); // because .bt_logout only exists after this point: $('.bt_logout').click(function (){ var dataString = 'process=logout'; $.ajax({ type: function(data){ $('#loginForm').hide().html(data).fadeIn(); $('Hello Guest!'); $('Log In | Register'); } }); }); } } }); });