Select only drop-down menu that has changed
<p>I have a table that includes a column for the user to select from a drop-down menu to populate the next column.  Problem is the table contains the same drop-down menu for each row and on change when I select using the following syntax JQuery selects all drop-downs instead of just the one in that has actually changed.  Below solution uses event.stopImmediatePropagation() to act similar to a break point and is the only solution I can think of that will work.  Please let me know if there is a more elegant solution out there...</p>

<pre><code>&lt;table&gt;
  &lt;tr&gt;
    &lt;td&gt;
      &lt;select name="selected_client[id]" id="selected_client_id" class="selected_client"&gt;
        &lt;option value=""&gt;&lt;/option&gt;
        &lt;option value="240"&gt;CLIENT ONE&lt;/option&gt;
        &lt;option value="195"&gt;CLIENT TWO&lt;/option&gt;
      &lt;/select&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;
      &lt;select name="selected_client[id]" id="selected_client_id" class="selected_client"&gt;
        &lt;option value=""&gt;&lt;/option&gt;
        &lt;option value="240"&gt;CLIENT ONE&lt;/option&gt;
        &lt;option value="195"&gt;CLIENT TWO&lt;/option&gt;
      &lt;/select&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;

$j('.selected_client').change(function(event) {
        var client_id = $j(this).val(); // &lt;-- value of the drop down that was currently changed
        var tmp_row = $j(this).parent('td').parent('tr');
        // perform action

        event.stopImmediatePropagation();  // prevents calling other matched rows
        return false;
    });
</code></pre>
