JSFiddle - React, Tailwind, and code Playground

HTML

<div id="log"></div>

JavaScript

function doSomething() {
    $('#log').append('doSomething')
};

function makeMultiAjaxRequests1() {
    $('#log').append('makeMultiAjaxRequests1')
};

function makeMultiAjaxRequests2() {
    $('#log').append('makeMultiAjaxRequests2')
};



var step1 = function () {
        var promise = new $.Deferred().promise();
        makeMultiAjaxRequests1();
        return promise;
    }

var step2 = function () {
        var promise = new $.Deferred().promise();
        makeMultiAjaxRequests2();
        return promise;
    }

step1()
    .then(step2())
    .done(doSomething());

$.when(step1(), 
       step2())
    .done(function () {
        doSomething();
    });