Как заменять значения select option?

Question

[Андрей]

Выбираю значение в первом select'е и на основе этого выбора строиться второй select. Добавляю я таком образом

$(document).ready(function () {
      $('#city_id').change(function () {
          var city_id = $(this).val();

          $('#region_id').attr('disabled', true);
          $('#region_id').html('<option>загрузка...</option>');

          $.ajax({
              type: "GET",
              url: '/delivery.json',
              data: { code: city_id },
              dataType: "json",
              success: function(result) {

                for (i=0;i<result.length;i++) {
                  $('#point_id').append('<option value="' + result[i][1] + '">' + result[i][0] + '</option>');
                };

                $('#point_id').attr('disabled', false);
              }
          });
      });
  });

В result у меня массив с нужными значениями.
Проблема в том, что когда я выбираю в первом select еще одно значение (меняю значение без перезагрузки страницы), то во второй select значения добавляются, а нужно чтобы они заменялись.

Например, в первом select выбираю Россия => во втором select появляются Москва, Санкт-Петербург
В первом select выбрал Украина => во втором Москва и Санкт-Петербург исчезли, а появились Киев, Одесса

Answer 1

[imhuman]

Перед добавлением новых option

$('#point_id').find('option').remove();