Jak wybrać pierwszy div zaraz po polu select?

Witam,
Próbuje wpisać w diva wybraną wartość z pola select. Tylko nie wiem jak wpisać to w pierwszego diva zaraz po polu select w jquery gdzie div'ów z class="container" jest kilka ?

<div class="container">
<select name="test" class="select_option">
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<div class="div_class"></div>
<div class="nastepny"></div>
</div>

próbuje w ten sposób ale coś nie działa

$('.select_option').change(function(){

    var opcja = $(this).val();
    
    $(this).find("div:first").html('opcja');

});

Nadaj div-owi po prostu jakieś id

a potem $('#d_1').html('cos tam');

tak nie może być bo pisałem przecież, że diva z klasa container może być więcej - ile ? nie wiadomo - powiedzmy ze to się dzieje dynamicznie

$('.select_option').change(function() {
  var opcja = $(this).val();
  $(this).next("div").html(opcja);
});

Albo (jak mam dużo różnych elementów i next() po prostu mi nie pasuje, to czasem to stosuję):

$('.select_option').change(function() {
  var opcja = $(this).val();
  $(this).closest('.container').find("div_class").html(opcja);
});

poczytaj sobie w dokumentacji o każdej z tych funkcji

tak tylko,że jak dam next() to jeśli mam kilka pól select z tą samą klasą to już nie działa przy np drugim polu select ;/ tzn nic nie wczytuje do tego div'a, po prostu działa tylko pierwszy select

hmmm

http://jsbin.com/omuhil/edit#javascript,html,live