Eu tenho esse código de trabalho que está criando1 caixa combo:

Você pode ver trabalhando aqui:jsfiddle

$('body').on('change', '.combo', function() {
    var selectedValue = $(this).val();

    if ($(this).find('option').size() > 2) {
        var newComboBox = $(this).clone();
        var thisComboBoxIndex = parseInt($(this).attr('data-index'), 10);
        var newComboBoxIndex = thisComboBoxIndex + 1;

        $('.parentCombo' + thisComboBoxIndex).remove();

        if (selectedValue !== '') {
            newComboBox.attr('data-index', newComboBoxIndex);
            newComboBox.attr('id', 'combo' + newComboBoxIndex);
            newComboBox.addClass('parentCombo' + thisComboBoxIndex);
            newComboBox.find('option[val="' + selectedValue + '"]').remove();
            $('body').append(newComboBox);
        }
    }
});

O que está resultando em algo isso, toda vez que eu encho uma caixa de combinação, o próximo é aberto.

Como posso alterar esse código para ter isso? O que significa que duas caixas de combinação se abrem (por favor esqueça oestilo)

Obrigado.