title: Meteor: How to show route data on the same url?
body: <p>There is a collection of Posts.
  Creating a <code>Link</code> of each post on the home page. 
  Need to show post specific data when a link is clicked. <br/>
  It works fine and show data on new url but don't do anything if Url is given as root <code>/</code>.</p>
  
  <p><strong>HomePage.html</strong></p>
  
  <pre><code>&lt;template name="homePage"&gt;
      &lt;h2&gt;Welcome to home page!&lt;/h2&gt;
      {{#each posts}}
          &lt;a href="{{pathFor 'postPage'}}"&gt;Link&lt;/a&gt;
      {{/each}}
  &lt;/template&gt;
  </code></pre>
  
  <p><strong>Router.js</strong></p>
  
  <pre><code>this.route('postPage', {
      path: '/posts/:_id',
      data: function() { return Posts.findOne(this.params._id)}
  });
  </code></pre>
  
  <p><strong>Post.html</strong></p>
  
  <pre><code>&lt;template name="postPage"&gt;
      &lt;div class="container"&gt;
          &lt;span&gt;{{note}}&lt;/span&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Issue is that post specific data goes to a new url and user has to click back to click on other links.<br/>
  It didn't work when I tried to change router path to <code>path:/</code><br/></p>
  
  <blockquote>
    <p>Want to show post specific data on home page itself with all the links on top of it.</p>
  </blockquote>