title: data-template-name issue in emberjs
body: <p>There is a strange issue am facing with ember.js, i.e when I add  "data-template-name" attribute to the script tag, <strong>nothing is working</strong>. If data-template-name name is removed, things are working fine.</p>
  
  <pre><code>  This is NOT WORKING 
     &lt;script data-template-name="my-template"  type="text/x-handlebars"&gt;
      Input: 
      {{#view App.MyView}}
      {{view Ember.TextField 
             valueBinding="view.theValue"        
             placeholder="input ..." }}
      {{/view}}
  &lt;/script&gt;
  
  
  
  
    Now if **data-template-name="my-template"** is removed it works fine. 
  I mean, In UI  TextField is visible.
  
    &lt;script   type="text/x-handlebars"&gt;
      Input: 
      {{#view App.MyView}}
      {{view Ember.TextField 
             valueBinding="view.theValue"        
             placeholder="input ..." }}
      {{/view}}
  &lt;/script&gt;
  
  
  
  
  App.MyView = Ember.View.extend({
  templateName: 'my-template',
  theValue: null,
  init: function(){
      this._super();
      this.set('theValue','asdf');
  },
  keyDown: function(e){
     if(e.keyCode === 13){
          alert(this.get('theValue'));
     }
  }
  </code></pre>
  
  <p>});</p>