JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.4/handlebars.js"></script>
<script src="http://builds.emberjs.com.s3.amazonaws.com/ember-1.0.0-rc.6.js"></script>
<script type="text/x-handlebars" data-template-name='application'>
    <h1> Hello</h1>
    {{input value=name}}
    <br/>
      {{textarea value=name}}
    <br/>
 
    {{input type=checkbox checked=isActive}}
    <br/>
    <button {{action 'moreFields' target='view'}}> click for more field </button>
    <br/>
    {{outlet}}
</script>

JavaScript

App = Ember.Application.create();

App.ApplicationView = Ember.View.extend({
    templateName: 'application',
    attributeBindings: ['id'],
  id: "addField",
    moreFields: function(){
      $("#addField").append('<input type="text"  value=name /><br/>');
      
   $("#addField").append('{{textArea value=name}}<br/>');
        
    }
    
});