title: Materialize select set dynamic options issue
body: <p>I have two dependent dropdowns (Materialize select) country and state.On selecting country i'm getting respected states using javascript, and i'm adding options to state select but its showing empty in state dropdown...but when i put alert, the values comes correctly. Can anyone help me to sort this issue ?</p>
  
  <p>Edit:
  using inspect after removing display:none for select i'm getting like below..actual html select dropdown gets populated correctly but materialize select not showing or getting populated why ?
  <a href="http://i.stack.imgur.com/CLc02.jpg" rel="nofollow">See image here </a><br>
  HTML CODE:</p>
  
  <pre><code> &lt;select name="country" id="country" onchange="setStates();" style="width:100px; font-weight:bold;" &gt;
       &lt;option value=""&gt;Select&lt;/option&gt;
        /* Country  options here */
      &lt;/select&gt;
   &lt;select name="state" id="state" style="width:100px; font-weight:bold;" &gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>Javascript code:</p>
  
  <pre><code>function setStates() {
  
    cntrySel = document.getElementById('country');
    stateList = states[cntrySel.value];
  
    changeSelect('state', stateList, stateList);
  }
  
  function changeSelect(fieldID, newOptions, newValues) {
    selectField = document.getElementById(fieldID);
    selectField.options.length = 0;
  
    for (i=0; i&lt;newOptions.length; i++) {
      selectField.options[selectField.length] = new Option(newOptions[i], newValues[i]);
    }
  
  }
  </code></pre>