title: Jquery select option, using data attribute in Simplecart-js
body: <p>I am trying to get simplecart to set a price for each size image selected in a select box. I have select boxes for each image to sell set up as so:</p>
  
  <pre><code>&lt;img class="item_image" src='my.jpg' height='50' width='50' alt="Mine"/&gt;
  &lt;span class="item_name"&gt;My image&lt;/span&gt;
  
  &lt;select class="item_size" &gt;
  &lt;option value="5 x 7" data-price="5.00"&gt;5 x 7 - &lt;span&gt;$ 5.00&lt;/span&gt;&lt;/option&gt;
  &lt;option value="8 x 10" data-price="10.00"&gt;8 x 10 - &lt;span &gt;$ 10.00&lt;/span&gt;&lt;/option&gt;
  &lt;option value="16 x 20" data-price="20.00"&gt;16 x 20 - &lt;span&gt;$ 20.00&lt;/span&lt;/option&gt;
  &lt;/select&gt;
  &lt;input type="text" class="item_quantity"  title="Item Quantity" value="1"/&gt;
  </code></pre>
  
  <p>I am attempting to set the price with the data-price attribute when the select option value is selected for each item :</p>
  
  <pre><code> simpleCart.bind( 'beforeAdd' , function( item ){
  
  $('select').each(function(){ 
    var selected = $(this).find('option:selected');
      var extra = selected.data('price'); 
       item.price(extra);
    });
    });
  </code></pre>
  
  <p>I'm a noob so i am not quite getting it to work. I can get the first image prices to get set but not in other select boxes. I could use a separate ID for each select box but unsure how to do that as well. Any help would be appreciated!</p>