title: Why aren't my handlebars rendering after they change?
body: <p>I'm writing a node.js app that uses handlebars.js for templating. The initial rendering works, however when the handlebars change, it does not render the new ones. The initial rendering has the html show up in the console, however after the change I get <code>{{&gt;index}}</code> in the innerHTML of the parent element. Here is my .hbs file:</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="container"&gt;
                  &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/a&gt;
                  &lt;a class="brand" href="#"&gt;&lt;img src="./img/MySpending.png"&gt;&lt;/a&gt;
                  &lt;div class="nav-collapse"&gt;
                          &lt;ul id="navWrapper" class="nav"&gt;
                    {{#if settings.ISLOGIN}}
                      {{&gt; loginNav}}
                    {{/if}}
                    {{#if settings.ISINDEX}}
                      {{&gt; indexNav}}
                        {{/if}}
                  &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;div class='navbar_form pull-right'&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="bodyWrapper" class="container" style="padding-top:60px;"&gt;
        {{#if settings.ISLOGIN}}
      {{&gt; login}}
        {{/if}}
        {{#if settings.ISINDEX}}
      {{&gt; index}}
        {{/if}}
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is my node code:</p>
  
  <pre><code>var islogin=true;
  var isindex=false;
  
  app.configure( function () {
    app.set('views', __dirname + '/views');
    app.set('view engine', 'hbs');
    app.set('ISLOGIN', islogin);
    app.set('ISINDEX', isindex);
    app.engine('hbs', hbs.express3({
      partialsDir: __dirname + '/views/partials'
    }));
    app.use(express.static(path.join(__dirname, 'public')));
  });
  socket.on('login', function(data) {
      console.log('login');
      console.log(data);
      var checkUser= db.users.find(data, function(err, docs){
              if(err!==null || docs==null){
              console.log(err);
          }
          else{
              var result=docs;
              console.log(result);
          }
      });
      console.log(checkUser[0]);
      if(checkUser !== null) {
          user=checkUser[0];
          console.log(user);
          islogin=false;
          isindex=true;
          socket.emit('uploadList', checkUser.total);
      }
      else{ console.log('Log in invalid');}
  });
  </code></pre>
  
  <p>I've also tried rendering the page again which crashes the program.  If anyone can even point me in the right direction as to how to fix this, it'd be greatly appreciated.</p>