Appending view to existing application


#1

new bee trying to append a simple view to my exisisting page, jsbin http://jsbin.com/zedasopo/1/

It works but in the console I get an warning DEPRECATION: Using the defaultContainer is no longer supported. [defaultContainer#lookup] see: http://git.io/EKPpnA

I looked at the link the warining is pointing to but could not figure out what is going wrong, I am starting with JS.

here is my code for js

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


App.TestView=Ember.View.extend({
	templateName:'template1',
	init:function(){
		this._super();
		this.set("controller",App.TestController.create());				
	}	
});
App.TestController=Ember.ObjectController.extend({
	model:{
		name:'Hello world',
		words:' app'
	}
});
App.testView=App.TestView.create();
App.testView.appendTo("#myContent");

my html

  <!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 <script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.1.2/handlebars.js"></script>  
<script src="http://builds.emberjs.com/release/ember.js"></script>  

  
  
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div id="myContent"></div>	
	
  <script type="text/x-handlebars" data-template-name="template1">
  		 <div>Name :<b>{{model.name}}</b></div>
  		 <div> words : {{model.words}} </div>
  </script>	    
  
  
  
  
</body>
</html>