Функция change() jQuery не работает?

Question

Как это не работает? Это работает только для первой строки таблицы. Вторая строка не работает. Спасибо за все советы. **

<table id="ticketTable"> 
    <tr><td> 
      <select id="ticketSelect1"> 
      <option priceValue1="120" value="1" selected>Adult</option> 
      <option priceValue1="110" value="2">Student</option> 
      </select> 
    </td> 
    <td style="text-align:right"><span id="price1">120</span></td> 
    </tr> 
    <tr><th>Typ lístku</th><th style="text-align:right">Cena</th></tr> 
     <tr><td><select id="ticketSelect2"> 
      <option priceValue2="120" value="1" selected>Adult</option> 
      <option priceValue2="110" value="2">Student</option> 
     </select></td><td style="text-align:right"><span id="price2">120</span></td></tr> 
    </table> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("table tr td #ticketSelect1").change(function() { 
     $('#price1').text($('option:selected').attr('priceValue1')); 
    }).change(); 
    $("table tr td #ticketSelect2").change(function() { 
     $('#price2').text($('option:selected').attr('priceValue2')); 
    }).change(); 
}); 
</script> 

**

Answer 1

Попробуйте эти селекторы:

$('#price1').text($('#ticketSelect1 option:selected').attr('priceValue1')); 

и

$('#price2').text($('#ticketSelect2 option:selected').attr('priceValue2'));