title: How to refresh table value while select different value in Select box
body: <p>I want to refresh table value while select different value in Select box. My Issue is when select the select box value Table load the data perfectly then i select the another value Table loaded without refresh the existing value. Ma script is jquery and get data using getjson method.</p>
  
  <p>HTML Code</p>
  
  <pre><code>&lt;select id="destinations"  &gt;
      &lt;option value=""&gt;&lt;/option&gt;
  &lt;/select&gt;
  &lt;table id= "class" class="table table-hover"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;S.No&lt;/th&gt;
              &lt;th&gt;Date &amp; Time&lt;/th&gt;
              &lt;th&gt;Status&lt;/th&gt;
              &lt;th&gt;Served Business&lt;/th&gt;
              &lt;th&gt;Total Amount&lt;/th&gt;
              &lt;th&gt;Parking Rate&lt;/th&gt;
              &lt;th&gt;Tip&lt;/th&gt;
              &lt;th&gt;Promo Code&lt;/th&gt;
              &lt;th&gt;Promo Discount&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;                         
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>$(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('&lt;option value="' + v.ValetLotId + '"&gt;' + v.BusinessName + ', ' + v.Address + '&lt;/option&gt;');
          });
      });
  });
  $('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 = "&lt;tr&gt;"  + "&lt;td&gt;" + f.Date + "&lt;/td&gt;" + "&lt;td&gt;" + f.Status + "&lt;/td&gt;" + "&lt;td&gt; " + f.BusinessName + "&lt;/td&gt;" +  "&lt;td&gt;" + f.TotalAmount + "&lt;/td&gt;" + "&lt;td&gt;" + f.ParkingRate + "&lt;/td&gt;" + "&lt;td&gt;" + f.Tip + "&lt;/td&gt;" + "&lt;td&gt;" + f.PromoCode + "&lt;/td&gt;" + "&lt;td&gt;" +   f.PromoDiscount + "&lt;/td&gt;" + "&lt;/tr&gt;"
          $(tblRow).appendTo("#class tbody");
          });
      });
  });
  </code></pre>