title: ember.js: my bindings are working in a context but not in another
body: <p>I have a chunk of code that is working in a very simple environment:</p>
  
  <p>here is my <code>index.hbl</code></p>
  
  <pre><code>{{view App.SearchInvoicableProductFormView}}
  </code></pre>
  
  <p>here is my view </p>
  
  <pre><code>App.SearchInvoicableProductFormView = Em.View.extend
    templateName: 'search_invoicable_product_form'
    invoicableSearch: "Search..."
  </code></pre>
  
  <p>here is my template <code>search_invoicable_product.hbl</code>:</p>
  
  <pre><code>{{view Ember.TextField valueBinding="invoicableSearch" size="8"}}&lt;br /&gt;
  {{#each invoicable in results}}
  {{invoicable.name}}&lt;br /&gt;
  {{/each}}
  </code></pre>
  
  <p>and here is my controller:</p>
  
  <pre><code>App.IndexController = Ember.Controller.extend
    invoicableSearch: "Cerca..."
  
    results: (-&gt;
      if @get("invoicableSearch").length &gt; 3
        App.Invoicable.find(q: @get("invoicableSearch"))
    ).property("invoicableSearch")
  </code></pre>
  
  <p>In this context everything is working fine. When i type something into my text field the search is performed</p>
  
  <hr>
  
  <p>While in this context bindings do not work:</p>
  
  <p>I'm at path: <code>invoices/new</code></p>
  
  <p>here is my router:</p>
  
  <pre><code>App.Router.map -&gt;
    @resource "invoices", -&gt;
      @route 'new'
  </code></pre>
  
  <p>here are my routes:</p>
  
  <pre><code>App.InvoicesRoute = Ember.Route.extend
    model: -&gt; App.Invoice.find()
  
  App.InvoicesNewRoute = Ember.Route.extend
    model: -&gt;
      App.Invoice.createRecord()
  </code></pre>
  
  <p>here is my controller:</p>
  
  <pre><code>App.InvoicesNewController = Ember.ObjectController.extend 
    invoicableSearch: "Search..."
  
    results: (-&gt;
      if @get("invoicableSearch").length &gt; 3
        App.Invoicable.find(q: @get("invoicableSearch"))
    ).property("invoicableSearch")
  </code></pre>
  
  <p>here are my views:</p>
  
  <pre><code>App.InvoiceRowFormView = Em.View.extend
    templateName: "invoices/invoice_row_form"
  
  App.SearchInvoicableProductFormView = Em.View.extend
    templateName: 'invoices/search_invoicable_product_form'
  </code></pre>
  
  <p>ans here are my TEMPLATES:</p>
  
  <p>invoices.hbl</p>
  
  <pre><code>{{#each controller}}
  ...
  {{/each}}
  {{outlet}}
  </code></pre>
  
  <p>invoice.hbl</p>
  
  <pre><code>&lt;form&gt;
  {{partial 'invoices/form'}}
  &lt;/form&gt;
  </code></pre>
  
  <p>invoices/form.hbl</p>
  
  <pre><code>...form for invoice...
  {{partial 'invoices/invoice_rows'}}
  </code></pre>
  
  <p>invoices/invoice_rows.hbl</p>
  
  <pre><code>{{#each invoiceRows}}
  {{view App.InvoiceRowFormView}}
  {{/each}}
  </code></pre>
  
  <p>invoices/invoice_row_form.hbl</p>
  
  <pre><code>...
  {{view App.SearchInvoicableProductFormView}}
  ...
  </code></pre>
  
  <p>invoices/search_invoicable_product_form.hbl</p>
  
  <pre><code>{{view Ember.TextField valueBinding="invoicableSearch" size="8"}}&lt;br /&gt;
  {{#each invoicable in results}}
  {{invoicable.name}}&lt;br /&gt;
  {{/each}}
  </code></pre>
  
  <p>In conclusion: I just moved the same code in a deeper position into my application. Code of invoices/search_invoicable_product_form.hbl is not changed, like the code into App.InvoicesNewController, that is the same of the code inside IndexController. </p>
  
  <p>But I lost my bindings</p>