title: How do I chain a sequence of deferred functions in jQuery 1.8.x?
body: <p>Given these functions:</p>
  
  <pre><code>function func1() {
    var dfd = $.Deferred();
  
    setTimeout(function() {
      dfd.resolve('Password');
    }, 1000);
  
    return dfd.promise();
  }
  
  function func2(message) {
    var dfd = $.Deferred();
  
    setTimeout(function() {
      if (message == 'Password') {
        dfd.resolve('Hello World');
      }
     }, 1000);
  
    return dfd.promise();
  }
  </code></pre>
  
  <p>I'd like to find a better way to do the following. Note this is using jQuery 1.8.x. </p>
  
  <pre><code>var promise = func1();
  
  promise.done(function(message1) {
  
    var promise2 = func2(message1);
  
    promise2.done(function(message2) {
      alert(message2);
    });
  });
  </code></pre>
  
  <p>Any ideas? I thought using jQuery #pipe or #then would work but I can't figure it out. Here is a fiddle to play around: <a href="http://jsfiddle.net/Z7prn/">http://jsfiddle.net/Z7prn/</a></p>