Есть 3 селекта
<div class="wrapper_prods">
<div id="id" style="display: none">1</div>
<select id="test">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
<div id="#text"></div>
</div>
<div class="wrapper_prods">
<div id="id" style="display: none">2</div>
<select id="test">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
<div id="#text"></div>
</div>
<div class="wrapper_prods">
<div id="id" style="display: none">3</div>
<select id="test">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
<div id="#text"></div>
</div>
При изменении данных на любом из селектов нужно вывести его #id в его #text
для этого использую что то на подобие
<script>
$('#test').change(function() {
var numberp=$(this).closest('.wrapper_prods').find('#id').html();
var op=$('#test').val();
alert(numberp);
});
</script>
Но выводит только когда изменяю первый селект, когда же изменяю 2 или 3 ничего не происходит, оно банально не видит их ИД, что делать?