HTML выпадающее меню управляется с JQuery не отображается

Question

Я пытаюсь обновить выпадающий список HTML с JSON данными из Django бэкэнда.

Когда console logged, я вижу необходимые изменения, но они не отражаются в HTML документ, чтобы я мог выбрать.

HTML код:

<div class="col-md-4">
   <div class="form-group">
       <label>Local Government </label>                                                                                                
       <select id="lga" class="listing-input hero__form-input  form-control custom-select">
           <option value="">Select an option</option>                                                                                                                                                                             
       </select>                                                    
   </div>
</div>

Javascript Код:

$(document).ready(function(){
        $("#id_form1-state").on("change", function() {
            var stateID = $("#id_form1-state")[0]['value'];                

            if(stateID){
                var selectBox = document.getElementById("lga");

                $.ajax({
                    type: "GET",
                    url: loadCitiesURL,
                    dataType: "JSON",
                    data: {
                        stateID: stateID,
                        csrfmiddlewaretoken: csrfToken
                    },
                    success: function(data){
                        $.each(JSON.parse(data), function(index, option){                               
                            selectBox[index] = new Option(option['fields']['name'], index, false, false)                                                                
                        });
                        console.log(selectBox);
                    }                                            
                });
            }
        });
    });

Страница результатов (без отображения выпадающего списка);

Обновление Добавлено ответ от сервера:

[{"model": "properties.lga", "pk": 2, "fields": {"name": "Ikpoba-Okha"}}, {"model": "properties.lga", "pk": 1, "fields": {"name": "Oredo"}}]

# handled with JSON.parse