title: How to set value for input field and have it update on submission to Ember.js action?
body: <p>On the handlebars template, I'd like to pre-populate an input field with the value. That I can do by putting value=object.property. Then the user should update the value, and when they click the button activating the action, the value should submit to the Component. </p>
  
  <p>The problem is that no value is getting submitted, not the pre-populated value, or the new value. When I console.log what is getting submitted to the component, the input from the text field is "undefined" and the input from the number field is "NaN". </p>
  
  <p>This is my handlebars template:</p>
  
  <pre><code>{{input type="text" value=object.name valueBinding='newName'}}
  {{view App.NumberField min='1' value=object.count valueBinding='newCount'}} 
  &lt;button {{action updateObjectDetails object}}&gt;Save&lt;/button&gt;
  </code></pre>
  
  <p>The related component it is submitting to:</p>
  
  <pre><code>App.ObjectsDetailsComponent = Ember.Component.extend({
    actions: {
      updateObjectDetails: function(object){
        object.set("name", this.get('newName'))
        object.set("party_size", parseInt(this.get('newCount')))
        object.save();
      }
    }
  });
  </code></pre>
  
  <p>Is there a way to populate the input field with the correct value AND have it submit with the action?</p>