title: Why are my <select>'s <option>'s not accessible from a Template.foo.rendered callback?
body: <p>Here's my callback:</p>
  
  <pre><code>  Template.joinedRoomsList.rendered = function () {
      // the console.log prints: 'undefined' in client console
      console.log($('#joined-rooms').children().first().html());
      Session.set('currentRoom', $('#joined-rooms').children().first().text());
    }
  </code></pre>
  
  <p>Here's my template:</p>
  
  <pre><code>&lt;template name="joinedRoomsList"&gt;
    &lt;select id="joined-rooms"&gt;
      {{#each joinedRooms}}
        &lt;option&gt;{{name}}&lt;/option&gt;
      {{/each}}
    &lt;/select&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I've tried many different ways to set the Session key 'currentRoom' to the value of the first  in my .</p>
  
  <p>The <code>console.log</code> statement prints out <code>'undefined'</code>, in the client console, however, when I manually type into the developer console the same thing: <code>$('#joined-rooms').children().first().html()</code>, it gives me a value.</p>
  
  <p>Essentially, I'm trying to set the Session key 'currentRoom' to the first  value in the  on page load/body load/etc.</p>