title: Create a reusable template for tabs in Meteor
body: <p>So I have a template like this</p>
  
  <pre><code>&lt;template name="tabs"&gt;
      &lt;ul class='tabs'&gt;
          &lt;li activetab='tab1'&gt;stream&lt;/li&gt;
          &lt;li activetab='tab2'&gt;projects&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div&gt;
          {{#if activeTabIs "tab1"}}
              {{&gt; tabBody1}}
          {{/if}}
          {{#if activeTabIs "tab2"}}
              {{&gt; tabBody2}}
          {{/if}}
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>with </p>
  
  <pre><code>Template.tabs.events({
    'click .tabs li' : function (event, template) {
      Session.set("activeTab", $(event.currentTarget).attr("activetab"));
    }
  });
  </code></pre>
  
  <p>and </p>
  
  <pre><code>Template.tabs.activeTabIs = function(tab) {
    return Session.get("activeTab") === tab;
  }
  </code></pre>
  
  <p>But I want to have multiple of these templates all over the page. They should not re-use the Session.get("activeTab") but have their own 'scope' so to say. How do I achieve this?</p>