Как обновить значение таблицы при выборе другого значения в поле выбора

Я хочу обновить значение таблицы при выборе другого значения в поле "Выбрать". Моя проблема - когда выбираете значение окна выбора. Таблица загружает данные отлично, тогда я выбираю другое значение. Таблица загружается без обновления существующего значения. Ma - jquery и получить данные с использованием метода getjson.

Код HTML

<select id="destinations"  >
    <option value=""></option>
</select>
<table id= "class" class="table table-hover">
    <thead>
        <tr>
            <th>S.No</th>
            <th>Date & Time</th>
            <th>Status</th>
            <th>Served Business</th>
            <th>Total Amount</th>
            <th>Parking Rate</th>
            <th>Tip</th>
            <th>Promo Code</th>
            <th>Promo Discount</th>
        </tr>
    </thead>
    <tbody>                         
    </tbody>
</table>

скрипт

$(document).ready(function() {
    $.getJSON('http://api.valetpayapp.com/phptest/dashboard_fetch_valet_locations.php?callback=?', 'valetgroup_id=valetgroup_52c36a450a002', function(data) {
        $.each(data, function(i, v) {
        $('#destinations').append('<option value="' + v.ValetLotId + '">' + v.BusinessName + ', ' + v.Address + '</option>');
        });
    });
});
$('select').change( function() {
    var params = { valetlot_id:this.value, start_date:'2014-01-01', end_date:'2014-02-28' };
    var str = jQuery.param( params );
    $.getJSON('http://api.valetpayapp.com/phptest/dashboard_fetch_valet_transactions.php?callback=?',str, function(data) {
        $.each(data, function(i, f) {
        var tblRow = "<tr>"  + "<td>" + f.Date + "</td>" + "<td>" + f.Status + "</td>" + "<td> " + f.BusinessName + "</td>" +  "<td>" + f.TotalAmount + "</td>" + "<td>" + f.ParkingRate + "</td>" + "<td>" + f.Tip + "</td>" + "<td>" + f.PromoCode + "</td>" + "<td>" +   f.PromoDiscount + "</td>" + "</tr>"
        $(tblRow).appendTo("#class tbody");
        });
    });
});