[wisma]

Есть скрипт:

$('#pic-changer').change(function(){ //if the select value gets changed
   var imageSource = $(this).find(':selected').data('picture'); //get the data from data-picture attribute
   if(imageSource){ //if it has data
      $('#image-location').html('<img src="/files/downloads/'+imageSource+'">'); // insert image in div image-location
   } else {
      $('#image-location').html(''); //remove content from div image-location, thus removing the image
   }
})

И вывод в шаблоне

<select name="variant" id="pic-changer" class="fn_variant variant_select {if $product->variants|count == 1}hidden{/if}">
                {foreach $product->variants as $v}
                    <option value="{$v->id}" data-picture="{$v->attachment}"  data-price="{$v->price|convert}" data-stock="{$v->stock}"{if $v->compare_price > 0} data-cprice="{$v->compare_price|convert}"{/if}{if $v->sku} data-sku="{$v->sku|escape}"{/if}>{if $v->name}{$v->name|escape}{else}{$product->name|escape}{/if}</option>
               {/foreach}
            </select>
			<div id="image-location"></div>

Вот когда выводятся много товаров то на странице продукта скрипт обрабатывает только первый товар и выводит фото к нему, на других товарах только выводятся значения option но не фото, можно ли как-то заставить работать скрипт по допустим:

<div id="image-location" value="{$v->id}" >

Или любое другое значение, в {$v->id} идет генерация от движка ВариантАйди.

В js полный нуб и не знаю
А интересует заставить скрипт работать на всех товарах...