title: Setting simple events in meteor
body: <p>I'm trying out Leaderboard's example in Meteor but i'm doing something wrong in setting the click event. In this example, I have three buttons, one to change the sort by column, another to add 5 bonus points to everyone.</p>
  
  <p>Here's the html:</p>
  
  <pre><code>    &lt;div id="outer"&gt;
      {{&gt; sorter}}
      {{&gt; leaderboard}}
    &lt;/div&gt;
     &lt;template name="sorter"&gt;
     &lt;span&gt;Sorted by {{sortedBy}}&lt;/span&gt;
     {{#if sortByName}}
      &lt;input type="button" id="sortScore" value="sort by score" /&gt;
    {{else}}
      &lt;input type="button" id="sortName" value="sort by name" /&gt;
    {{/if}}
  
      &lt;input type="button" class="incAll" value="5 bonus points to all" /&gt;
  
  &lt;/template&gt;
  </code></pre>
  
  <p>And here's the js:</p>
  
  <pre><code>Template.sorter.events = {
  'click #sortName': function(){
      Session.set('orderby', 'name');
  },
  'click #sortScore': function(){
      Session.set('orderby', 'score');
  },
  'click input.incAll': function(){
    Players.find().forEach(function(player){
        Players.update(player._id, {$inc: {score: 5}});
    });
  }
  </code></pre>
  
  <p>}</p>
  
  <p>Calling Session.set('orderby', 'name'); in the console works and updates the html accordingly but clicking in the buttons doesn't. So what am I missing?</p>
  
  <p>Thanks</p>