Getting fade in/out promises to work in JQuery without nested callbacks

jquery_fade_promise_chaining.js

          var deferred = new $.Deferred();
          result.fadeTo(2000, 0.4, function() {
            deferred.resolve();
          });

          deferred.done(
            function() {result.addClass('ending'); result.fadeTo(2000, 1.0, function() {
              deferred = new $.Deferred().resolve();
            });
          });

          deferred.done(function() {
            return result.fadeTo(5000, 1.0, function() {
              deferred = new $.Deferred().resolve();
            });
          });

          deferred.done(function() {
            result.fadeOut(3000, 0, function() {
              result.remove();
            });
          });