title: EmberJS - Observing changes in an {{input}}-Helper in a controller
body: <p>i have a {{input}}-helper in my template and i want to fire a method in the controller for every change in the {{input}}-helper.</p>
  
  <p>application.hbs</p>
  
  <pre><code>&lt;div class="page" id="main"&gt;
      {{input type="text" id="note-title" value=noteTitle action="createNote"}}
  &lt;/div&gt;
  </code></pre>
  
  <p>application_controller.js</p>
  
  <pre><code>YeoApp.ApplicationController = Ember.ArrayController.extend({
      actions: {
          searchTextChanged: function() {
              // this method should be called whenever
              // the input value changes, but somehow it doesn't work
  
          }.observes("noteTitle"),
          anotherMethod: function() {
              this.set("noteTitle", "Test!");
              //even this doesn't fire the observer when called
          }
      }
  });
  </code></pre>
  
  <p>Any suggestions? Thanks in advance. Don't be afraid to ask questions.</p>