title: Data fetched but doesn't show in the browser
body: <p>I am trying to retrieve the data from the mongodb and show them on the website. Handlebars are used for templates. Data is being successfully fetched which can be verified by printing them on console.</p>
  
  <p>However data is not shown on the browser. Below are the key snippets of the my code. </p>
  
  <p>Any help would be appreciated. </p>
  
  <blockquote>
    <p>routes/index.js</p>
  </blockquote>
  
  <pre><code>    const route=require('express').Router();
  var mongoose=require('mongoose');
  var azhwars=require('../models/azhwars');
  
  route.get('/',function(req,res) {
      azhwars.find({},function (err, azhwars) {
          if(err) {
              return err;
          }
          console.log(azhwars.toString());
      });
      res.render('pages/home',{'title':"My Website",'azhwarsList':azhwars});
  });
  
  module.exports=route;
  </code></pre>
  
  <blockquote>
    <p>models/azhwars.js</p>
  </blockquote>
  
  <pre><code>var mongoose=require('mongoose');
  
  var AzhwarsSchema=new mongoose.Schema({
      name: String
  });
  
  module.exports=mongoose.model('Azhwars',AzhwarsSchema);
  </code></pre>
  
  <blockquote>
    <p>views/pages/home.hbs</p>
  </blockquote>
  
  <pre><code>{{#each azhwarsList}}
      &lt;p&gt;some {{name}}&lt;/p&gt;
  {{/each}}
  </code></pre>