Как создать раскрывающееся меню с html <select> в jquery и заполнить его ответом (списком) вызова ajax?

Мой код первый: -

function getSchools(selectedReport){
             $("<select id = 'schools'  onChange = 'createReport(this)'></select>").insertAfter("#myList")
             $.ajax({
                 type:'GET',
                 url:'http://localhost:8080/getSchoolList',
                 xhrFields: {
                     withCredentials:true
                 },

                 success:function(response){
                    var dropdown = $("schools");
                    dropdown.empty();
                    $.each(response, function(index,value){
                        $('schools').append(value.schoolName);
                    })
                 },
                 error:function(response){
                    console.info("Don't care about this for now");
                }
}

Я хочу получить имя школы со всех карт в ответ (это список карт) и добавить их в раскрывающийся список с id = 'schools'. Что мне делать по-другому?