title: jquery loop through divs and bind events
body: <p>I have the below html. Could you tell me how do I use jquery to loop through each query_chunk divs and bind different events to each element inside the div?</p>
  
  <p>I know I can use the .each function, but am stuck on the syntax. Any ideas appreciated.</p>
  
  <pre><code>                &lt;div id="query_chunk_1"&gt;
                      &lt;select class="parameter" id="parameter_1" name="parameter_1"&gt;
                          &lt;option title="Keyword Anywhere" value="Anywhere"&gt;Keyword Anywhere&lt;/option&gt;
                          &lt;option title="Author or Contributor" value="Contributor"&gt;Author or Contributor&lt;/option&gt;
                          &lt;option title="Title" value="Title"&gt;Title&lt;/option&gt;
                          &lt;option title="Subject" value="Subject"&gt;Subject&lt;/option&gt;
                      &lt;/select&gt;
                      &lt;input id="keyword_1" name="keyword_1" type="text" /&gt;
                      &lt;a href="#"  id="remove_1"  title="Remove"&gt;[-]
                          &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div id="query_chunk_2"&gt;
                      &lt;select class="parameter" id="parameter_2" name="parameter_2"&gt;
                          &lt;option title="Keyword Anywhere" value="Anywhere"&gt;Keyword Anywhere&lt;/option&gt;
                          &lt;option title="Author or Contributor" value="Contributor"&gt;Author or Contributor&lt;/option&gt;
                          &lt;option title="Title" value="Title"&gt;Title&lt;/option&gt;
                          &lt;option title="Subject" value="Subject"&gt;Subject&lt;/option&gt;
                      &lt;/select&gt;
                      &lt;input id="keyword_2" name="keyword_2" type="text" /&gt;
                      &lt;a href="#"  id="remove_2"  title="Remove"&gt;[-]
                          &lt;/a&gt;
                  &lt;/div&gt;
  </code></pre>