jQuery .change event for array of elements
<p>I have an array of drop-downs in a page, one for each row in a list of records.
I need to update a DIV's content in the row of the drop-down that triggers each change event.</p>

<p>Something like this:</p>

<pre><code>&lt;div class="price"&gt;&lt;/div&gt;

&lt;select id="plan[]" name="plan[]" class="sel"&gt;
  &lt;option value="0" selected="selected"&gt;None&lt;/option&gt;
  &lt;option value="1"&gt;One&lt;/option&gt;
  &lt;option value="2"&gt;Two&lt;/option&gt;
&lt;/select&gt;   


$(function() {
    $('#plan').change(function(){
        $(this).prevAll('.price:first').html('foo bar');
    });
});
</code></pre>

<p>The change event never fires, what am I missing? Here's a <a href="http://jsfiddle.net/8daeu/5/" rel="nofollow">fiddle</a> to test</p>
