function doSomething() {

  var deferred = jQuery.Deferred();  

  // Asynchronous action

  setTimeout(function() {    

    deferred.resolve("some data");

  }, 1000);

  return deferred.promise();

}

​

function doSomethingElse() {

  var deferred = jQuery.Deferred();

  // Has to wait for asynchronous action

  doSomething()

    .then(function(data) {

      console.log(data); // Should be "some data"

      deferred.resolve(data + " that's been added to");

    })

  ;

  return deferred.promise();

}

​

// Waits for everything to be done that's above, then console.logs end result

doSomethingElse()

  .then(function(data) {

    console.log(data); // Should be "some data that's been added to"

  })

;

​

​

​