Unable to figure out cause for Cannot read property 'send' of undefined

1

I am new bee trying to play with ember js

I have a template, controller and a container.

controller has a function calling this function from template results in this error
Uncaught TypeError: Cannot read property 'send' of undefined not sure why, appreciate help. Link for my jsbin http://jsbin.com/watey/2/

also the code here

App = Ember.Application.create({
	LOG_TRANSITIONS: true,
	LOG_TRANSITIONS_INTERNAL: true
});


App.TestView=Ember.View.extend({
	templateName:'templateA'
});


App.MainView=Ember.ContainerView.extend({
	childViews:['contentView'],
	contentView:App.TestView.create()
});

App.TestController=Ember.ObjectController.extend({
	actions:{
		
		testClick:function(){
			console.log('from rtest click');	
		}
		
	}
});	

App.mainView=App.MainView.create();
App.mainView.appendTo("#myContent");

html

<div id="myContent"></div>	
	
  <script  type="text/x-handlebars" data-template-name="templateA">
		<div>
		   Content for my  template 
		</div>
		<button {{action 'testClick'}} >  Test Click  </button>
  </script>
2

Figured out, this.set controller is missing.

3

Can you please elaborate?