JSFiddle - React, Tailwind, and code Playground

HTML

<span class="status">Starting</span>

JavaScript

function pitch() {
    $('.status').html('pitching');
    var prom = $.Deferred();
    setTimeout(function() {
        var ball = {a:'x'};
        prom.resolve(ball);
    }, 2000);
    return prom;
}

function swing(ball) {
    $('.status').html('swinging');
    var prom = $.Deferred();
    setTimeout(function() {
        prom.resolve();
    }, 2000);
    return prom;
}

function run() {
    $('.status').html('running');
    setTimeout(function() {
        $('.status').html('OUT!');
    }, 2000);
}

//pitch().then(swing).then(run);

Twitter = {
  search:function(query) {
    var dfr = $.Deferred();
    $.ajax({
     url:"http://search.twitter.com/search.json",
     data:{q:query},
     dataType:'jsonp',
     success:dfr.resolve
    });
    return dfr.promise();
  }
}

Twitter.search('@meteorjs').then(function(data) {
    $('.status').html(data.results[0].text);
});