title: jquery iterating over elements and binding an event onto each element
body: <p>I need to bind a keypress event to a form of elements that is built up dynamically, see below</p>
  
  <pre><code>&lt;div class="Customer"&gt;
  &lt;select name="dropdown1" id="dropdown1"&gt;
  &lt;/select&gt;
  &lt;input type="textbox" name="firstname1" id="firstname1"&gt;
  &lt;input type="textbox" name="lastname1" id="lastname1"&gt;
  &lt;/div&gt;
  
  &lt;div class="Customer"&gt;
  &lt;select name="dropdown2" id="dropdown2"&gt;
  &lt;/select&gt;
  &lt;input type="textbox" name="firstname2" id="firstname2"&gt;
  &lt;input type="textbox" name="lastname2" id="lastname2"&gt;
  &lt;/div&gt;
  
  ... and repeat..
  </code></pre>
  
  <p>I need to check that whenever any of the elements above are changed that no other of the elements are empty.</p>
  
  <p>The form also has several other elements in it although I only care about these highlighted in the code segment.</p>
  
  <p>Many thanks,</p>
  
  <p>I've tried the following code</p>
  
  <pre><code>$('.Customer').each(function (index) {
  
      alert("test");  // alerts the correct number of customer rows
  
      $("input:textbox").click(function() {
          alert("");
      })
  
  });
  </code></pre>
  
  <p>solution should work with jQuery 1.3.2</p>