Simple meteor insert not working <p>I am just getting started messing around with Meteor and can't get the following code for a simple Collection.insert to update the database when the event is triggered. I can even see the page update with the value of the text field for a split-second before disappearing (presumably once Meteor realized the value wasn't written to the server). Inserting via the console works just fine... Is there some basic concept that I am overlooking?</p> <p>file.js</p> <pre><code>var Tasks = new Meteor.Collection("Tasks"); if (Meteor.isClient) { Template.main.task = function() { return Tasks.find({}); }; Template.main.events = { 'click #submit' : function(event) { var task = document.getElementById("text").value; Tasks.insert({title: task}); } }; } </code></pre> <p>file.html</p> <pre><code>&lt;body&gt; {{&gt; main}} &lt;/body&gt; &lt;template name="main"&gt; &lt;form class="form-inline"&gt; &lt;input type="text" id="text" class="input-small" /&gt; &lt;input type="Submit" class="btn" id="submit" value="Submit"/&gt; &lt;/form&gt; {{#each task}} &lt;span id="output"&gt;{{title}}&lt;/span&gt; {{/each}} &lt;/template&gt; </code></pre>