Buongiorno ho il seguente problema:

creo la seguente select mediante codice html :

codice:
 <div class="input-container"> 
     <select id="my_places" data-required="true">
           <option value="" disabled selected>Luogo evento</option>	       
     </select>
</div>
come option della select devono apparire i luoghi dell'utente che acquisisco da database da chiamata ajax (la chiamata ajax è neccessaria perchè dalla stessa pagina possono venire aggiornati i luoghi quindi non posso creare il contenuto della select mediante php)

codice:
$(document).on("click","#my_places", function(){
	 
    	$.ajax({
        	url: "core/dynamic_call/check_places",
            type: "POST",
            dataType: "json",
            cache: false,
            timeout: 15000,
		}).done( function(data){
			console.log(data)
			for(x=0;x<data.places.length;x++){
				$('#my_places').append($("<option></option>").attr("value",data.places[x]['id']).text(data.places[x]['address']));                    
			}
		});   		
});
Il problema sta nel fatto che la prima volta che clicco sulla select mi vengono caricati solo parte dei risultati provenienti dalla chiamata ajax (in sostanza mi apre la tendina della select prima che ajax finisca di caricare i luoghi dell'utente), se chiudo la select e la riapro questa volta ci sono tutti i luoghi. come faccio a dire di aspettare di aprire la select fino a quando tutti luoghi dell'utente sono stati caricati?
grazie mille in anticipo