title: How to reload (re render) template in Meteor
body: <p>I am working on a chat app that supports multiple languages. The basics of the app is working fine however I have small problem when changing chat rooms.</p>
  
  <p>Each room is setup to support 2 languages. When sending a chat message you can choose which language you are sending the message in. This is done by clicking on a small icon of a flag which toggles between the 2 flag icons. The template for this is:</p>
  
  <pre><code>&lt;template name="chatBar"&gt;
  &lt;div id="chatBar" class="input-append input-prepend"&gt;
      &lt;form id="chatForm"&gt;
          &lt;span class="add-on"&gt;&lt;img src="/images/flags-iso/flat/16/{{chatMessageLang}}.png" id="lang"&gt;&lt;/span&gt;
          &lt;input id="chatMessageLanguage" type="hidden" value="{{chatMessageLang}}"&gt;
          &lt;input id="chatMessageTarget" type="hidden" value="{{chatMessageTargetLang}}"&gt;
          &lt;input class="input-xxlarge" id="chatMessage" type="text" placeholder="&amp;larr; choose your language and then type your message here&amp;hellip;"&gt;
          &lt;button class="btn" id="sendNewMessage" type="submit"&gt;Send&lt;/button&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>and is called from another template:</p>
  
  <pre><code>&lt;template name="chat"&gt;
  {{&gt; chatroom}}
  &lt;div id="chatWindow"&gt;
      &lt;ul&gt;
          {{#each chats}}
          &lt;li class="{{messageClass}} {{_id}}"&gt;
              &lt;img src="/images/flags-iso/flat/16/{{langOriginal}}.png"&gt;
              {{langTo.flagicon}}
              {{user}}:
              &lt;span class="message" lang="{{langOriginal}}"&gt;{{original}}&lt;/span&gt;
              {{#if translated}}
              &lt;span class="message" lang="{{langTranslated}}"&gt;{{translated}}&lt;/span&gt;
              {{/if}}
              {{#if correction}}
              &lt;i class="icon-remove"&gt;&lt;/i&gt;
              &lt;span class="friendCorrection"&gt;{{correction}}&lt;/span&gt;
              {{/if}}
              &lt;span class="messageOptions"&gt;{{{messageOptions}}}&lt;/span&gt;
          &lt;/li&gt;
          {{/each}}
      &lt;/ul&gt;
  &lt;/div&gt;
  {{&gt; chatBar}}
  &lt;/template&gt;
  </code></pre>
  
  <p>The problem I have is when I change chatrooms the language options are being retained from the previous chatroom I was in. The code for setting the languages for the chatbar is:</p>
  
  <pre><code>Template.chatBar.helpers({
  chatMessageLang: function() {
      //return getCurrentChatroomInfo().langFrom.iso;
      return Meteor.user().profile.langNative;
  },
  
  chatMessageTargetLang: function() {
      var chatroomLang1 = getCurrentChatroomInfo().langFrom.iso;
      var chatroomLang2 = getCurrentChatroomInfo().langTo.iso;
  
  
      if(Meteor.user().profile.langNative == chatroomLang1){
          return chatroomLang2;
      } else {
          return chatroomLang1;
      }
  }});
  
  function getCurrentChatroomInfo(){
    return Chatrooms.findOne({_id : Router.current().params['_id']})
  }
  </code></pre>
  
  <p>How do I make the variable chatMessageTargetLang reactive to the loaded chatroom (each chatroom has their own route).</p>
  
  <p>Thanks
  Adam</p>