KTamas/app.js

## app.js
var App = Em.Application.create();
App.Player = Em.Object.extend({
  level: 1,
  name: null,
  up: function() {
    this.set('level', this.get('level') + 1);
  }
});

App.playerController = Em.ArrayController.create({
  content: [],

  createPlayer: function(name) {
    var player = App.Player.create({ name: name });
    this.pushObject(player);
  }
});

App.playerController.createPlayer("Joe");
App.playerController.createPlayer("Jane");
App.playerController.createPlayer("Bob");

App.MainView = Em.View.create({
  templateName: 'player-view'
});

App.MainView.append();

## index.html
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]--> <!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]--> <!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]--> <!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Munchkin counter for iPad</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  <link rel="stylesheet" href="css/style.css?v=2">

  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
  <script type="text/x-handlebars" data-template-name="player-view">
    {{#each App.playerController}}
      <button {{ action "up" }}>UP</button>
      <div>{{ level }}</div>
      <br /><br />
    {{/each}}
  </script>
  <div id="container"></div>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.6.1.min.js"%3E%3C/script%3E'))</script>
  <script src="js/libs/ember-0.9.5.min.js"></script>
  <script src="js/app.js"></script>
</body>
</html>
	var App = Em.Application.create();
	App.Player = Em.Object.extend({
	level: 1,
	name: null,
	up: function() {
	this.set('level', this.get('level') + 1);
	}
	});

	App.playerController = Em.ArrayController.create({
	content: [],

	createPlayer: function(name) {
	var player = App.Player.create({ name: name });
	this.pushObject(player);
	}
	});

	App.playerController.createPlayer("Joe");
	App.playerController.createPlayer("Jane");
	App.playerController.createPlayer("Bob");

	App.MainView = Em.View.create({
	templateName: 'player-view'
	});

	App.MainView.append();
	<!doctype html>
	<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
	<!--[if (gt IE 9)\|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Munchkin counter for iPad</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="shortcut icon" href="/favicon.ico">
	<link rel="apple-touch-icon" href="/apple-touch-icon.png">
	<link rel="stylesheet" href="css/style.css?v=2">

	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	</head>
	<body>
	<script type="text/x-handlebars" data-template-name="player-view">
	{{#each App.playerController}}
	<button {{ action "up" }}>UP</button>
	<div>{{ level }}</div>
	<br /><br />
	{{/each}}
	</script>
	<div id="container"></div>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.6.1.min.js"%3E%3C/script%3E'))</script>
	<script src="js/libs/ember-0.9.5.min.js"></script>
	<script src="js/app.js"></script>
	</body>
	</html>