materialize - How to align label with select in MaterializeCSS? -

i'm trying create multiple select materializecss.
html looks this:

<div class="input-field">     <select multiple>         <option value="" disabled selected>choose option</option>         <option value="1">option 1</option>         <option value="2">option 2</option>         <option value="3">option 3</option>     </select>     <label>brands</label> </div>     

activate select: $('select').material_select();

unfortunately result looks this:

while examples this.

how come?

i had problem well.

make sure input-field contained within div class row , make sure input-field has col , size class:

<div class="row">     <div class="input-field col s12">     ... 

if doesn't work, make sure other classes of form or other divs match of examples on materialize website.