title: Materialize css --select-- not working in react
body: <p>I am using basic materialize css and for some reason even if I copy it straight from the materializecss.com website my select option just shows the label and nothing else is there.</p>
  
  <p><strong>EDIT</strong> added index.hjs page for reference of scripts.</p>
  
  <p>In my index.hjs here are all my imports for the materialize css:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;{{ title }}&lt;/title&gt;
    &lt;link rel='stylesheet' href='/stylesheets/style.css' /&gt;
    &lt;!--Import Google Icon Font--&gt;
    &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
    &lt;!--Import materialize.css--&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"&gt;
    &lt;!--Let browser know website is optimized for mobile--&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="root"&gt;&lt;/div&gt;
  
    &lt;!--Import jQuery before materialize.js--&gt;
    &lt;script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="/build/bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the code: </p>
  
  <pre><code>      &lt;div&gt;
          &lt;div className="row"&gt;
            &lt;div className="input-field col s12 m6"&gt;
              &lt;input
                onChange={this.updateTask.bind(this)}
                id="title"
                type="text"
              /&gt;
              &lt;label htmlFor="title"&gt;Title&lt;/label&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div className="row"&gt;
            &lt;div className="input-field col s12 m6"&gt;
              &lt;input
                onChange={this.updateTask.bind(this)}
                id="description"
                type="text"
              /&gt;
              &lt;label htmlFor="description"&gt;Description&lt;/label&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div className="row"&gt;
            &lt;div className="input-field col s12"&gt;
              &lt;select id="category" onChange={this.updateTask.bind(this)}&gt;
                &lt;option value="" disabled selected&gt;
                  Choose your category
                &lt;/option&gt;
                &lt;option value="delivery"&gt;Delivery&lt;/option&gt;
                &lt;option value="dog walking"&gt;Dog Walking&lt;/option&gt;
                &lt;option value="house cleaning"&gt;House Cleaning&lt;/option&gt;
              &lt;/select&gt;
              &lt;label&gt;Category&lt;/label&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div className="row"&gt;
            {/* &lt;button
              onClick={this.submitTask.bind(this)}
              className="btn waves-effect waves-light"
              &gt;
              Submit
              &lt;i className="material-icons right"&gt;send&lt;/i&gt;
            &lt;/button&gt; */}
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>