Change select

HTML

<script src="http://surgd.com/data/jquery.selectbox.js"></script>
<link rel="stylesheet" href="http://surgd.com/data/jquery.selectbox.css">
 <h3 id="price-shared">3.99</h3>
<div id="price-shared-total">from</div>
<div class="sep"></div>
<select name="price-list" id="price-list" tabindex="1">
    <option value="" data-length="1" data-price="3.99">Select Package</option>
    
        <option value="1" data-length="1" data-price="6.99">Pay Per Month</option>
        <option value="2" data-length="6" data-price="5.99">6 Month Package</option>
  
</select>

JavaScript

$('select#price-list').change(function () {
    var length = $(this).find('option:selected').data("length");
    var price = $(this).find('option:selected').data("price");
    var total = price * length;
    $('#price-shared').html(price);
    $('#price-shared-total').html(total);
});



$(function () {
    $("#price-list").selectbox();
});