jQuery wait for ajax call to be over before continuing

$('#loadTarget').load(loadInit, function(response) {
    alert('complete!  Returned: ' + response);
});

function loadContent() {
$('#loadTarget').load(toLoad,'',showNewContent()) //Wrong.
}

function loadContent() {
$('#loadTarget').load(toLoad, showNewContent) //Right :)
}

var groups = $('.extractedGroup');
var i = 0;
getData(i, groups);

function getData(i, groups) {
    count = groups.length;
    if (i < count) {
    request = $.ajax({
        url: 'wait.php',
        type: 'POST',
        dataType: 'json',
        data: {
            urlstoparse: groups.eq(i).html()
        },
        beforeSend: function() {
            console.log('sending: ' + groups.eq(i).html());

        },
        success: function(res) {
            console.log(res);
            i = i + 1;
            getData(i, groups);
        }
    })
        .done(function() {
            console.log("success");
        })
        .fail(function(res) {
            console.log(res);
        })
        .always(function() {
            console.log("complete");
        });
}
}

function foo1() { 
   $.ajax( ....
       success: function() { foo2(); }
   );
}
function foo2() {
    console.log("foo1() finished");
}

foo1();