title: Retrieve value from html 'value' attribute
body: <p>How can I retrieve the the actually value defined within the html element attribute named 'value'?</p>
  
  <p>Before a user signs up, I am setting a session variable with a value that shall be either 'publisher' or 'reader' depending on which div they click on. This session value will be used upon user creation.</p>
  
  <pre><code>&lt;template name="authJoinType"&gt;
  &lt;div class="container join-type"&gt;
      &lt;div class="row"&gt; 
  
          &lt;div class="col-xs-6 col-sm-6 col-md-6"&gt;
              &lt;a href="{{pathFor route = 'join'}}"&gt;
              &lt;div class="join-type-inner" id="userTypeSelect" value="reader"&gt;Reader&lt;/div&gt;
          &lt;/a&gt;
          &lt;/div&gt; 
  
          &lt;div class="col-xs-6 col-sm-6 col-md-6"&gt;
              &lt;a href="{{pathFor route = 'join'}}"&gt;
              &lt;div class="join-type-inner" id="userTypeSelect" value="publisher"&gt;Publisher&lt;/div&gt;
          &lt;/a&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>client.js (Trying to set the session variable to either 'reader' or 'publisher' depending which div out of the two they click on)</p>
  
  <pre><code>Template.authJoinType.events({
  'click div.join-type-inner': function(e, tmpl) {
      var userType = $(e.target).find('#userTypeSelect').val();
      Session.set('userType', userType);
      var selectedUserType = Session.get('userType');
      console.log(selectedUserType); // this is printing out 'undefined'
  }
  });
  </code></pre>
  
  <p>Help? Am I targeting the incorrect div to begin with?  </p>