Here's my callback:

  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());
  }

Here's my template:

<template name="joinedRoomsList">
  <select id="joined-rooms">
    {{#each joinedRooms}}
      <option>{{name}}</option>
    {{/each}}
  </select>
</template>

I've tried many different ways to set the Session key 'currentRoom' to the value of the first in my .

The console.log statement prints out 'undefined', in the client console, however, when I manually type into the developer console the same thing: $('#joined-rooms').children().first().html(), it gives me a value.

Essentially, I'm trying to set the Session key 'currentRoom' to the first value in the on page load/body load/etc.