title: Clean old results while new option chosen in JavaScript
body: <p>I get some data by json, and there is small issue.</p>
  
  <p>When I choose some data it returns result to me, but when I choose another data it keeps old result and add new result into it. What I want is to clear old results on new selected data.</p>
  
  <p><a href="https://imgur.com/a/tIT0B" rel="nofollow noreferrer">Preview of my issue</a></p>
  
  <p>My JavaScript code:</p>
  
  <pre><code>&lt;script&gt;
    jQuery( document ).ready( function( $ ) {
      $('body').on('change', 'select[name="city"]', function(e){
        $.ajaxSetup({
            headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') }
        });
  
         var cityID = $(this).val();
          if(cityID) {
              $.ajax({
                url: '{{ url('rajaajax') }}/'+encodeURI(cityID),
                type: "GET",
                dataType: "json",
                success:function(data) {
                  $('#des').append(
                    '&lt;p&gt;Destination: ' + data['meta']['destination']['province'] + ' , ' + data['meta']['destination']['type'] + ' , ' + data['meta']['destination']['city_name'] + ' , ' + data['meta']['destination']['postal_code'] +'&lt;/p&gt;'
                    );
                  $.each(data.data, function(key, value) {
                    console.log();
                    $('#info').append('&lt;h3&gt;'+ value['code'] + '&lt;small&gt;' + value['name'] +'&lt;/small&gt;&lt;/h3&gt;');
                      $.each(value.costs, function(key2, value2) {
                        $.each(value2.cost, function(key3, value3) {
                          $('select[name="postchoose"]').append('&lt;option id="postchoose" class="form-control" value="'+ value3['value'] +'"&gt;'+ value2['service'] + ' - ' + value3['value'] + ' - ' + value3['etd'] +'&lt;/option&gt;');
                        });
                      });
                  });
                }
              });
          }else{
            console.log(data);
          }
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>My HTML Code:</p>
  
  <pre><code>&lt;div id="calcul" style="margin-top: 30px;"&gt;
    &lt;div id="des"&gt;&lt;/div&gt;
    &lt;dev id="info"&gt;&lt;/dev&gt;
    &lt;select name="postchoose" id=""&gt;
      &lt;option class="form-control" value=""&gt;Select Shiping Method&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>