title: can binding work when using .template instead of .templateName in Ember.js?
body: <p>Binding HTML view to data works if I use <code>.templateName</code>: 
  in html :</p>
  
  <pre><code>&lt;script type="text/x-handlebars" data-template-name="foo"&gt;
  TITLE, &lt;b&gt;{{pageTitle}}&lt;/b&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>in js:</p>
  
  <pre><code>view.set('templateName','foo');
  </code></pre>
  
  <p>The generated HTML structure:</p>
  
  <pre><code>&lt;div id="ember195" class="ember-view"&gt;
  TITLE,
  &lt;b&gt;
  &lt;script id="metamorph-1-start" type="text/x-placeholder"&gt;
  mainmenu
  &lt;script id="metamorph-1-end" type="text/x-placeholder"&gt;
  &lt;/b&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But if i use <code>.template</code> instead of <code>.templateName</code>:</p>
  
  <pre><code>var tmpl = Handlebars.compile('TITLE, &lt;b&gt;{{pageTitle}}&lt;/b&gt;');
  view.set('template',tmpl);
  </code></pre>
  
  <p>The generated HTML structure does not have placeholder tags around the <code>{{pageTitle}}</code> content and hence is not updated when pageTitle changes...</p>
  
  <pre><code>&lt;div id="ember201" class="ember-view"&gt;
  TITLE,
  &lt;b&gt;mainmenu&lt;/b&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there anyway of using <code>.template</code> to still have binding work? Or do i have to use <code>.templateName</code>?</p>
  
  <p>Thanks for your help!</p>