How do I interact with elements that are created dynamically?
<p>I have a setup like so on a webpage:</p>

<p><img src="http://i.stack.imgur.com/iL3hf.png" alt="Filters"></p>

<p>Clicking on <code>Add Filter</code> adds a new entry and <code>Remove</code> will remove the line next to it.</p>

<p>The code for a single line is as follows:</p>

<pre><code>&lt;tr&gt;
  &lt;td&gt;&lt;select id="Column1"&gt;
    &lt;option value="0"&gt;&lt;/option&gt;
    &lt;option value="1"&gt;Value a&lt;/option&gt;
    &lt;option value="2"&gt;Value b&lt;/option&gt;
  &lt;/select&gt;&lt;/td&gt;

  &lt;td&gt;&lt;select id="Condition1"&gt;
    &lt;option value="0"&gt;&lt;/option&gt;
    &lt;option value="1"&gt;IS EQUAL TO&lt;/option&gt;
    &lt;option value="2"&gt;IS NOT EQUAL TO&lt;/option&gt;
    &lt;option value="3"&gt;IS LIKE&lt;/option&gt;
    &lt;option value="4"&gt;IS NOT LIKE&lt;/option&gt;
    &lt;option value="5"&gt;IS LESS THAN&lt;/option&gt;
    &lt;option value="6"&gt;IS LESS THAN OR EQUAL TO&lt;/option&gt;
    &lt;option value="7"&gt;IS GREATER THAN&lt;/option&gt;
    &lt;option value="8"&gt;IS GREATER THAN OR EQUAL TO&lt;/option&gt;
  &lt;/select&gt;&lt;/td&gt;

  &lt;td&gt;&lt;input type="text" id="Values1" /&gt;&lt;/td&gt;

  &lt;td&gt;&lt;input type="radio" name="AndOr1" id="And1" value="1"&gt;AND&lt;/input&gt;
    &lt;input type="radio" name="AndOr1" id="Or1" value="2"&gt;OR&lt;/input&gt; 
  &lt;span class="RemoveFilter"&gt;Remove&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>When the line is duplicated the numbers in the IDs increment by one. The whole table has an ID of <code>Filters</code> so what I would like to know is how do I loop through the <code>tr</code> lines so that I can grab the values/parameters and send them back to the server? There could potentially be an infinite number of filters selected by the user. (Although this is not needed in this context)</p>
