 <p>First, here are some resources to set you on the right path: </p> <ul> <li><a href="https://www.meteor.com/tutorials/blaze/creating-an-app" rel="nofollow">https://www.meteor.com/tutorials/blaze/creating-an-app</a></li> <li><a href="http://docs.meteor.com/#/full/" rel="nofollow">http://docs.meteor.com/#/full/</a></li> </ul> <p>Make it easy on yourself by reading the docs and using the conventions of meteor. Add an event to the body template to handle the <code>#addNewTask</code> click event. Below is how to get this working in meteor.</p> <p>In your javascript: </p> <pre><code>Template.body.events({ "click #addNewTask": function(event, template) { $(".new-task").toggle(); } }); </code></pre> <p>In your html: </p> <pre><code>&lt;nav&gt; &lt;div&gt; &lt;logo&gt;Logo&lt;/logo&gt; &lt;button id="addNewTask"&gt;add newTask&lt;/button&gt; &lt;/div&gt; &lt;/nav&gt; {{&gt;submitTask}} &lt;template name="submitTask"&gt; &lt;div&gt; &lt;form class="new-task" style="display:none;"&gt; &lt;textarea name="title" placeholder="Enter Task" rows="10"&gt;&lt;/textarea&gt; &lt;input type="submit" value="Submit" class="button right"&gt; &lt;/form&gt; &lt;/div&gt; &lt;/template&gt; </code></pre>