title: Similar selects, how to know which one is changed?
body: <p>I have a page where rows can be added which include drop downs (select) fields.  each one of those fields is dynamically created with an id of "drop1, drop2, drop3" etc.</p>
  
  <p>I'm wanting to achieve pulling some data from mysql with ajax, problem i'm having is knowing which drop down has changed to pull the data.</p>
  
  <p>ive used this to know how many select fields there are currently, but don't know how to decide which one has changed.  any help is appreciated.</p>
  
  <pre><code>var myCount = $("select[id^=drop]").length;
  </code></pre>
  
  <p>here is the row that gets added.</p>
  
  <pre><code>var n=($('.detail tr').length-0)+1;  
  
  var tr = '&lt;tr&gt;'+  
  '&lt;td&gt;'+n+'&lt;/td&gt;'+
  '&lt;td&gt;&lt;select id="drop'+n+'" name="prodService[]"&gt;&lt;/select&gt;&lt;/td&gt;'+
  '&lt;td id="desc'+n+'"&gt;&lt;/td&gt;'+ 
  '&lt;td&gt;&lt;a href="#" class="remove"&gt;Delete&lt;/a&gt;&lt;/td&gt;'+ 
  '&lt;/tr&gt;'; 
  </code></pre>