title: Dynamic iframe onload not firing?
body: <p>I figure this is possible because there are a ton of similar questions (that have been solved) but none seem to deal with dynamically created iframes.</p>
  
  <p>Basically I'm using jquery to create a temp iframe to load files (from a file path served through an ajax call) to then open a file download prompt.</p>
  
  <p>Everything works but to keep my DOM from being populated by a bunch of iframes I would like the iframes to be removed once the file is downloaded.</p>
  
  <p>My iframe creation code:</p>
  
  <pre><code>$('&lt;iframe class="downloadIFrame" src="'+data['url']+'"&gt;&lt;/iframe&gt;').appendTo('body');
  </code></pre>
  
  <p>And the code to destroy it (in the "ready" jquery event callback):</p>
  
  <pre><code>$('.downloadIFrame').live('load', function() { alert('loaded');$(this).remove(); });
  </code></pre>
  
  <p>I don't get the alert that the iframe was loaded so it's not called. Any clue?</p>