Simple starting point for Ember.js fiddles

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.5.js"></script>
<!-- these don't have names because they're being compiled by rails -->
<script type="text/x-handlebars" >
<table>
  <tr>
    <td class="lg">DATE</td>
    <td class="lg">ACTIVITY</td>
    <td class="lg">REGISTER</td>
    <td class="lg">POINTS</td>
  </tr>
  {{#each content}}
  {{view Skills.RecommendedSkillView skillBinding="this"}}
  {{/each}}
</table>
</script>

<script type="text/x-handlebars" >
    <tr>
  <td class="taldate">{{skill.pretty_date}}</td>
  <td class="activity">{{skill.title}}</td>
  <td><a href="#" {{action "a"}}>DO A THING</a></td>
  <td class="points">{{skill.points_value}}</td>
</tr>
</script>

JavaScript

Skills = Ember.Application.create({});

Skills.recommendedSkillsController = Ember.ArrayController.create({ 
  content: [],

  getRecommendedSkills: function(){
    var self = this;
    $.getJSON('users/' + Skills.userController.currentUserID() + '/skills/recommended.json',function(data){
      $.each(data, function(index, value){
        var recommendedSkill = Skills.Skill.create({
          title: value['title'],
          description: value['description'],
          recommended: true,
          date: new Date(value['created_at']),

        });

        self.pushObject(recommendedSkill);
      });
    });
  },
});

Skills.RecommendedSkillsListView = Ember.View.extend({
  templateName: 'app/templates/recommended_skills_list',

  contentBinding: 'Skills.recommendedSkillsController.content',
});



Skills.RecommendedSkillView = Ember.View.extend({
  templateName: 'app/templates/recommended_skill',

  a: function(event){
    event.preventDefault();
    alert();
  }
});