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>
    {{#each view.content}}
    {{input value=name}}
    <br/>
      {{textarea value=name}}
    <br/>
    
    {{input type=checkbox checked=isActive}}
    {{/each}}
    <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',
    content: [{name: 'testname'}],
    attributeBindings: ['id'],
  id: "addField",
    moreFields: function(){
        this.get('content').pushObject({name: ''});
 //     $("#addField").append('<input type="text"  value=name /><br/>');
      
  // $("#addField").append('{{textArea value=name}}<br/>');
        
    }
    
});