title: loading meteor template on click events
body: <p>So, Basically i'm new to meteor(0.8.2) and trying to create a basic app having two templates(addnewPlace and Map) and a single button. What i need to get is that, when i click on "Add new Place" button, template "addNewPlace" should be loaded in body or else  template "Map" should be loaded. Help will be appreciated :) </p>
  
  <p>My html code:</p>
  
  <pre><code>&lt;body&gt;
      {{&gt; menu}}
      {{&gt; body}}
  
  &lt;/body&gt;
  
  &lt;template name="body"&gt;
      {{#if isTrue}}
          {{&gt; addnewPlace}}// tested this template individually, it works.
      {{else}}
          {{&gt; maps}} // tested this template individually, it works too.
      {{/if}}
  &lt;/template&gt;
  
  &lt;template name="menu"&gt;
  &lt;h1&gt;Bank Innovation Map&lt;/h1&gt;
  &lt;input type="button"  value="Add new Place"&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>My js code: </p>
  
  <pre><code>Template.body.isTrue = true;
  Template.menu.events({
      'click input': function(){
          //load a new template
      console.log("You pressed the addNewplace button");//this fn is called properly
          Template.body.isTrue = true;
      }
  
      });
  </code></pre>