Jquery: Update only the next span with a specific class
<p>html:</p>

<pre><code>&lt;p class="fields"&gt;
  &lt;select id="parts"&gt;
    &lt;option value="10"&gt;Ring&lt;/option&gt;
    &lt;option value="50"&gt;Necklace&lt;/option&gt;
    &lt;option value="3"&gt;Pendant&lt;/option&gt;
  &lt;/select&gt;
  &lt;label for="price"&gt;Price&lt;/label&gt;
  &lt;span class="price"&gt;&lt;/span&gt;
&lt;/p&gt;


function load_part_price_select(id, value) {
$('#' + id ).live('change',function() {
    $.ajax({
      url: '/parts/' + value + '/price',
      type: 'get',
              context: this,
      dataType: 'script',
      success: function(responseData) {
        $(this).next("span.price").html(responseData);
      }
    }); 
});
};
</code></pre>

<p>I've tried this way but no success.</p>

<p>The "onchange" is working fine I just need some help to display the value inside the span tag as a content.</p>

<p>Any help?</p>
