ember.js - Ember Array Controller - function not loading -

i new ember , trying load small array controller. trouble is, addcard function i've defined in cardscontroller not showing , getting error: "object function() has no method 'addcard'". doing wrong? using following:

handlebars-1.0.0-rc.3.js,
ember-1.0.0-rc.3.js,
ember-data.js

here code:

app = ember.application.create({     ready: function(){         //populate content[] in cardcontroller         app.getcards();     } });  app.getcards = function(){     card1 = app.card.create({                 id: 0,                 title: 'alabama',                 desc: 'montgomery'             });      app.cardscontroller.addcard(card1); };  app.card = ember.object.extend({     id: null,     title: null,     desc: null,     current: true });  app.cardscontroller = ember.arraycontroller.extend({     content: [],      //property adds item content     addcard: function(item){         this.addobject(item);     } }); 

assuming is code make app, need define controller object direct after application create statement, , before use it, in order:

app = ember.application.create({   ready: function(){     //populate content[] in cardcontroller     app.getcards();   } });  app.card = ember.object.extend({   id: null,   title: null,   desc: null,   current: true });  app.cardscontroller = ember.arraycontroller.create({   content: [],    //property adds item content   addcard: function(item){     this.addobject(item);   } });  app.getcards = function(){   card1 = app.card.create({             id: 0,             title: 'alabama',             desc: 'montgomery'         });    app.cardscontroller.addcard(card1); }; 

working fiddle proof.