title: I am unable to retrieve data from my mongodb collection and show it to my html page
body: <p>I am beginner in METEOR. I am unable to retrieve data and show it to my html page. I have a collection named as "login". Kindly help me in as simple language as you can. Following is my code.</p>
  
  <p>Main.html</p>
  
  <pre><code>   &lt;head&gt;
     &lt;title&gt;Time-Bank&lt;/title&gt;
     &lt;/head&gt;
  
     &lt;body&gt;
       &lt;div class="bg-color"&gt;
        {{&gt; header}}
        {{&gt; form}}
        {{&gt; todos}}
       &lt;/div&gt;
     &lt;/body&gt;
  </code></pre>
  
  <p>Templates.html</p>
  
  <pre><code>    &lt;template name="todos"&gt;
       &lt;ul class="collection"&gt;
        {{#each todoList}}
     &lt;b&gt;  {{this.username}}&lt;/b&gt;
       {{/each}}
       &lt;/ul&gt;
      &lt;/template&gt;
  </code></pre>
  
  <p>Helpers.js</p>
  
  <pre><code>     Template.todos.helpers({
       todoList:function(){
       return Collections.Login.find({});
     }
    });
  </code></pre>
  
  <p>global.js</p>
  
  <pre><code>  Collections = {};
  
    Collections.Login = new Mongo.Collection("login");
  </code></pre>