AJAX İLE DOLDURULAN BOOTSTRAP DROPDOWN (SELECT) KONTROLÜNÜN GÖRÜNMEMESİ

Aşağıdaki şekilde doldurulan <Select> etiketinin elemanları kaynaktan kontrol edildiğinde dolmuş olmasına rağmen görüntülenmiyordu. Javascript içinde elemanlar doldurulduktan sonra ilgili <Select> etiketini refresh etmek gerekiyor.

     $("#dropSehir").change(function () {
        var dropSecim = $(this);
        var secilenId = dropSecim.val();
        var dropDolacak = $('#dropIlce');
        dropDolacak.empty();
        if (secilenId != "" || secilenId != "-1") {
            $.ajax({
                type: "POST",
                url: "/Ortak/IlceDoldur",
                datatype: "Json",
                data: { id: secilenId }
            }).done(function (sonuc) {               
                for (var i = 0; i < sonuc.length; i++) {
                    var elemanId = sonuc[i].ilceId;
                    var elemanAd = sonuc[i].IlceAdi;
                    var option = $("<option></option>")
                    option.text(elemanAd);
                    option.val(elemanId);
                    dropDolacak.append(option);
                }
                dropDolacak.selectpicker('refresh');
            });
        }
        else {
            dropDolacak.empty();
        }
    });