title: ember.js <button {{action}}></button> doesn't work properly
body: <p>I have <a href="http://jsfiddle.net/pF2cF/6/" rel="noreferrer">http://jsfiddle.net/pF2cF/6/</a> code with 2 problems: 
  1. click "MyButton" doesn't go to clickButton function in App.indexController 
  2. enter in the text field will trigger MyButton click first (if #1 get solved)</p>
  
  <p>Can anyone help to solve them? I do have a workaround for by using , but I'm not sure what's wrong with using.</p>
  
  <p>Thanks!</p>
  
  <p>The code snippets are as following, using ember.js from its master branch on 01/14/2013:</p>
  
  <pre><code>    &lt;script type="text/x-handlebars" data-template-name="myTemplate"&gt;
          &lt;button {{action clickButton target="App.indexController"}} &gt;MyButton1&lt;/button&gt;
          {{view App.MyView placeholder="Input something 1 and enter"}}
      &lt;/script&gt;
  
  App = Em.Application.create({
    ready: function () {
    }
  });
  
  App.Router.map(function () {
    this.route("index", { path: "/" });  //master 01142013 syntax
  });
  App.IndexRoute = Ember.Route.extend({
    renderTemplate: function () {
      this.render('myTemplate', {controller: 'indexController'});
    }
  });
  
  App.indexController = Ember.Controller.extend({
    clickButton: function () {
      alert("clickButton");
    }
  });
  
  App.MyView = Em.TextField.extend({
    insertNewline: function (evt) {
      alert("enter pressed");
    }
  });
  </code></pre>