title: Meteor two way data binding for form validation
body: <p>I read a lot of resources about Blaze allowing reactive rendering for Meteor 0.8, but I can't seem to find a solution for my simple problem below.</p>
  
  <p>I'm trying to validate my form inputs. For the sake of simplicity, lets say that I just want to change my <code>{{message}}</code> when a form is submitted. The approach I have taken in <code>client.js</code> is simply giving a new value to the helper variable. This is the way how I used to work with AngularJS, but there seems to be more than simply changing the variable in Meteor. How would I go about this? </p>
  
  <pre><code>- index.html
  &lt;template name="user"&gt;
      &lt;form&gt;
          &lt;input type="text" id="name"&gt;
          &lt;p&gt;{{message}}&lt;/p&gt;
          &lt;button class="submit" onclick="return false;"&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
  &lt;/template&gt;
  
  - client.js
  Template.user.message = "";
  Template.user.events = {
      'click .submit' = function(){
          Template.user.message = "valid";
      }
  }
  </code></pre>