Jquery prometen esperar hasta el final del ajax.

Estoy obteniendo valores predefinidos, que debo insertar en dos selecciones:

<div id="wrapper">
    <select id="first">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <select id="second"></select>
</div>

Opciones dentro#second depende del valor seleccionado en#first. Estas opciones se cargan a través de ajax:

$('#first').change( function() {
        $.ajax({
            url: "giveMeValues.phpOrWhatever"
        }).done(function() {
            // just simulating data from ajax call
            $('#second').append(
                '<option value="a">a</option>'+
                '<option value="b">b</option>'+
                '<option value="c">c</option>'
            );
        });
    });

El problema es que puedo establecer el valor de#second después Se cargarán los datos de ajax. Por lo tanto, el siguiente código no funcionará:

$('#first').val('2').change();
$('#second').val('b').change();

Así que traté de usar.promise() esperar hasta que llame ajax dentrochange El manejador se completará:

$('#first').val('2').change();
    $('#wrapper').promise().then( function() {
        $('#second').val('b');
        console.log('setting value...');
    });

Pero no funciona. Mi pregunta es: ¿cómo puedo esperar al final de la llamada ajax, y luego configurar#second ¿valor?

Aquí tienes el violín para este problema:http://jsfiddle.net/W2nVd/

Gracias por tu tiempo.