Обработка Select

Есть интернет магазин. В каталоге возникла необходимость смены упаковок товаров. Добавил select prntscr.com/jhfn5b
Вот код:
<div class="price">
<div id="{$item.id}rek1" style="display: none"> {if $item.is_box}{$item.is_box}<small>{$cfg.currency}</small>{/if}</div>
<div id="{$item.id}rek2" style = "display:inline-block">{if $item.price2}{$item.price2}...{/if}{$item.price}<small>{$cfg.currency}</small></div>

<select id="var{$item.id}" class="qty">
<option value= "{$item.gty_inf}">{$item.qty} {$item.qty_inf}</option>
<option value = "{$item.big_qty_inf}">{$item.is_gramm} {$item.big_qty_inf}</option>
</select>

</div>

Вот обработчик:

{literal}
<script type="text/javascript">
$(document).ready(function(){
$("#var{$item.id}").change(function () {
var qtyinf = $("#var{$item.id} :selected").val()
if (qtyinf == 'big_qty_inf'){
$('#{$item.id}rek1').show();
$('#{$item.id}rek2').hide();
}else{
$('#{$item.id}rek1').hide();
$('#{$item.id}rek2').show();
}
});
});
</script>
{/literal}

Но он не работает. Не происходит смена цен при смене вида упаковок. Подскажите, что не так?

Сложно так сказать просто прочитав код, но вот тут id="{$item.id}rek1" возможно что $item.id это цифра. Раз это первая ветка, и шаблоны на нее верстались XHTML, то id не может начинаться с цифры, поменяйте местами везде в коде на rek1_{$item.id}.

Михрутка, смотрите в консоли браузера. синтаксическая ошибка затыкает весь скрипт, хотя страница отображается браузером как ни в чем не бывало