Using jQuery deferred

HTML

<div class="box">
<select id=optTEste>
  <option value="1" selected>Teste 1</option>
  <option value="2">Teste 2</option>
  <option value="3">Teste 3</option>
</select>
<div>Loading...</div></div>

CSS

.box {
    background-color: #999;
    color: #FFF;
    height: 300px;
    width: 300px;
}

.box > div {
    padding: 30px;
}

.box img {
    max-width: 100%; 
}
}

JavaScript

var app = {};

$('#optTEste').change(function(){
	setTimeout(function () { $('#optTEste').val('3')},2000);
});

(function() {
        
    $.when($('#optTEste').change());
    
})();

    app.ready.done(function () {
alert('blz!');
    });