🚀 go-pugleaf

Witam serdecznie,

Mam mały problem z jQuery, konkretnie z zależnymi od siebie kolejnymi 
selectami.

Mam tam selecta - użycie go generuje żądanie do innego modułu w serwisie, 
który ,,zwraca'' kolejne selecty na podstawie żądania POST jakie 
otrzyma. Każdy kolejny select który się pojawia odpowiada za pojawienie 
się kolejnego po nim.

#v+
/adres-serwisu/3 zwraca:

<select id="pierwszy">
<option value="5">5</option>
[...]
</select>


/adres-serwisu/3/5 zwraca:

<select id="drugi">
<option value="1">1</option>
[...]
</select>

/adres-serwisu/3/5/1 zwraca:

<select id="trzeci">
[itp]
</select>

#v-

Miejsce w kodzie na kolejne selecty mam zrobione divami:

#v+
<div id="drugi"></div>
<div id="trzeci"></div>
<div id="czwarty"></div>
...
#v-

Kod JS

#v+
$( "#id_selecta" ).change( function () 
 {
  var str = $( "option:selected", $( this ) ).val( );

  $.ajax
  (
   {
    type: "POST",
    url: "/adres-serwisu/" + str,
    cache: false,
    success: function( data )
    {
     $("#id_diva_ktory_stanie_sie_kolejnym_selectem").html( data );
    }
   }
  );
 }
)
#v-

Problem polega na tym, że poprawnie działa tylko pierwszy select, ten który na 
sztywno wisi w kodzie - drugi po załadowaniu (pomimo odpowiedniego kodu dla niego) 
nie generuje żadnego żądania, gdy spróbuję z niego coś wybrać.

Konsola JS nie zwraca żadnych komunikatów.

Stąd pytanie: czy w jQuery mój sposób nie działa czy ja coś pominąłem? Czytałem 
o chain selectach, ale zazwyczaj dają tak maksymalnie skomplikowane przykłady, 
że głowa mała.


Dzięki z góry,
Pozdrawiam