Materialize CSS Select

Boa noite,

Estou tendo um pobleminha ao tentar criar um select multiple pelo JQuery utilizando o Materialize, ele preenche meu select no código fonte (F12), já na tela quando renderizado, ele preenche apenas com o primeiro número do loop e não funciona o drop.

Segue abaixo a function que retorna ele:

function retornaSelectMultipleAreaAtuacao(){
    var $divSelect = $("<div>").addClass("col").addClass("m4").addClass("input-field");
    var $select = $("<select>").attr("id", "selectMultipleAreaAt" + ++i).attr("multiple","multiple");
    var $label = $("<label>").attr("for", "selectMultipleAreaAt" + i).text("Selecione as áreas de atuação que possuem este campo");

    while( i < 20 ){
        var $option = $("<option>").text(i);
        $select.append($option);
        console.log(i);
        i++;
    }

    $divSelect.append($select);
    $divSelect.append($label);

    $($select).material_select();

    return $divSelect;
}