Material design ember input binding not working

It is similar to this problem but totally reverse,

For me the material design is properly working, but the Ember valuebinding gets lost :(

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    {{input classNames="mdl-textfield__input" id="sample3" value=zoom}}
    <label class="mdl-textfield__label" for="sample3">Zoom</label>
  </div>

{{zoom}}

import Ember from 'ember';

export default Ember.Component.extend({

    setInputObj: Ember.observer('zoom', function () {
       console.log('obeservercalled');
    });
});

No the zoom is not binding :(

Can anyone help me with this?