title: Ember.js: data-binding between controllers
body: <p>I'm trying to bind in the ApplicationController to the IndexController. <a href="http://jsfiddle.net/jeanluca/uB5tX/6/" rel="noreferrer">Here is my jsfiddle</a>. To summarize, here is the binding I have in the Application controller</p>
  <pre><code>indexIsClickedBinding: &quot;App.indexController.isClicked&quot;,
  
  isIndexClicked: function() {
      alert(&quot;its changed to &quot; + this.get(&quot;indexIsClicked&quot;) ) ;
  }.observes('indexIsClicked'), 
  </code></pre>
  <p>So, when the <strong>isClicked</strong> value in the IndexController is changed, but the indexIsClickedBinding doesn't do anything. Any suggestions whats wrong in my code ?</p>
  <p>Cheers</p>