Looping through elements added on the fly
<p>If for example I have the following HTML structure</p>

<pre><code>&lt;ul class="actions"&gt;
    &lt;li class="action"&gt;Action 1&lt;/li&gt;
    &lt;li class="action"&gt;Action 2&lt;/li&gt;
    &lt;li class="action"&gt;Action 3&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>And the following Javascript</p>

<pre><code>$('.actions .action').each( function() {
    perform an ajax request // intended pseudocode
    if ajax returns some more actions { // intended pseudocode
            $('.installer-actions').append('&lt;li class="action"&gt;Another Action&lt;/li&gt;');
    }
});
</code></pre>

<p>The added <code>&lt;li class="action"&gt;</code> elements are not included in the <code>each()</code> obviously. Is there a way I can involve them in the current loop or will I need to loop through again and ignore the original <code>.action</code> elements?</p>
