title: How do I dynamically add a deferred to the promise from this jsFiddle?
body: <p>Regarding <a href="http://jsfiddle.net/ditman/hc7pS/" rel="noreferrer">this jsFiddle</a>, I am trying to dynamically add a "deferred" which is created when an event triggers, so the done callback is only called when all deferred are resolved, including those added later:</p>
  
  <p>Relevant code: </p>
  
  <pre><code>var promises = [ deferred1, ... ];
  var p = when.all(promises).then(function() {
    console.log('All done!!');
    //! trigger
  });
  
  promises.push( deferredFromEvent ); // &lt;&lt; ignored
  </code></pre>
  
  <p>update:
  suggestions using Q or jQuery are welcome, I am looking for one that works</p>