JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="one"/>
<input type="text" id="two"/>

JavaScript

function defTest()
{
    var dfd = new jQuery.Deferred();
    $.ajax(
    {
        type: "GET",
        url: 'echo/json',
        cache: false,
        data:0,
        dataType: "json",
        success: function(data,status)
        {
            console.log('ajax done: success');
            dfd.resolve();
        },
        error: function(data,status)
        {
            console.log('ajax done: fail');
            dfd.reject();

        }
    });
    document.write('returnig deferred<br>');
    return dfd;    
}
var d = defTest();
document.write(d.state()+"<br>");
d.then(function(){
 document.write(d.state()+"<br>");
},function(){
 document.write(d.state()+"<br>");
});