title: Reactive Variables in Meteor - basic use case
body: <p>I'm building a project using Meteor and trying to understand how to use reactive variables.  I've read everything I can find on them but every example seems to give a different syntax for how to include them.  For what is supposed to be a core strength of Meteor, I'm pretty sure I'm overthinking this.  My use cases are simple - I'm sure if I can get one working right, I'll be able to replicate easily.</p>
  
  <p>The first use case is for creating a one page company profile.  Users add a new company to a collection by filling out three fields in a form - name, sector and status.  The status would be Public or Private and chosen in a drop-down.  On submit, the user is taken to the Company Profile where these fields are populated in a template, with additional templates for stock price/market cap, financials, etc.  I would like the template showing the stock price and market cap (CompanyCapTable) to appear only when the status field is Public and not for Private.  I assume I can make status a reactive variable to do so.</p>
  
  <p>client/templates/company_profile.html</p>
  
  <pre><code>&lt;div class="company-template"&gt;
      {{#if isPublic}}
          &lt;div class="company-template" id="company-captable"&gt;
              {{&gt; CompanyCapTable}}
          &lt;/div&gt;
      {{else}}
          &lt;p&gt;&lt;em&gt;Private Company&lt;/em&gt;&lt;/p&gt;
      {{/if}}
  &lt;/div&gt;
  </code></pre>
  
  <p>client/templates/company_profile.js</p>
  
  <pre><code>Template.CompanyProfile.helpers({
  isPublic: function () {
      return Session.get("status")
  }
  });
  </code></pre>
  
  <p>This is where I get lost.  What is the best way to set status as a reactive variable?  I see examples using Session, Deps (choose between those two?), Tracker, etc, but I'm missing something.  This is the code I tried for the prior page where the status is originally selected but even when I choose Public, I'm only getting the Private result.</p>
  
  <p>client/templates/company_create.html</p>
  
  <pre><code>...
  &lt;div&gt;
      {{&gt; afFieldInput name='status' type="select" class="form-control"}}
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>client/templates/company_create.js</p>
  
  <pre><code>Template.CompanyCreate.events({
  'submit': function(event) {
      var value = $(event.target).val();
      Session.set('status', value);
  }
  });
  </code></pre>
  
  <p>Thank you in advance for any thoughts.  Brendan</p>