title: Vue.js 1.0 method not firing on change select
body: <p>Following Vue.js 1.0 <a href="http://vuejs.org/guide/forms.html#Select">examples</a>, I've made a select dropdown with v-model project, like this:</p>
  
  <pre><code>{{ project }}
  &lt;select class="projects" v-model="project" @change="changeProject"&gt;
      &lt;option value="1"&gt;School&lt;/option&gt;
      &lt;option value="2"&gt;Personal&lt;/option&gt;
      &lt;option value="3"&gt;Work&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The js bit:</p>
  
  <pre><code>new Vue({
      el: '#main',
      data: {
          project: ''
      },
      methods: {
          changeProject: function(){
              console.log(this.project);
          }
      }
  });
  </code></pre>
  
  <p>The tag <code>{{ project }}</code> is displaying correctly, but when I select another value on the select dropdown it doens't fires the method <code>changeProject</code>.</p>
  
  <p>What am I missing here?</p>
  
  <p>Cheers.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>After @mustafo's answer, I tried to create a simple button with a @click method and it print the value. Only the @change on this select isn't working.</p>
  
  <p><strong>EDIT2:</strong></p>
  
  <p>I've realised why this is not working. I'm changing the selected option of this select box with an jquery function, because I needed to create a full css styled dropdown, and then I created a "mask" for it.</p>