title: Vuejs + Materializecss select field
body: <p>I have this code in my template:</p>
  
  <pre><code>&lt;div class="input-field col s6"&gt;
      &lt;select v-on:change="selectChaned" v-model="item.size"&gt;
          &lt;option value="" disabled selected&gt;Choose your option&lt;/option&gt;
          &lt;option v-on:click="optionClicked" v-for="size in case_sizes" v-bind:value="{{ size }}"&gt;{{ size }}&lt;/option&gt;
      &lt;/select&gt; 
      &lt;label for="size"&gt;Size&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>According to Materializecss docs, I call <code>$('select').material_select();</code> to transform default select field into something cutie. What it also does - it replaces <code>&lt;select&gt;</code> and <code>&lt;option&gt;</code> tags with <code>&lt;ul&gt;</code> and <code>&lt;li&gt;</code>. 
  As a result I can't access value of <strong>item.size</strong> in my ViewModel js file. I even tried to listen for a click on option field and call optionClicked method (which should simply alert a message then), tried to listen for selectChaned. Nothing.</p>
  
  <p>How can I get option value in ViewModel?</p>
  
  <p>p.s. just for information: I only have problem with select field. Input field for example works fine:</p>
  
  <pre><code>&lt;input placeholder="" name="name" type="text" class="validate" v-model="item.name"&gt;
  </code></pre>
  
  <p>In ViewModel I'm able to access <code>item.name</code></p>