title: HTML select not working with Meteor JS
body: <p>I am having trouble setting up HTML select in Meteor.<br>
  I am using the Materialize.css package for styling.</p>
  
  <p>This is the template for the select box :</p>
  
  <pre><code>&lt;div class="input-field col l6 s12"&gt;
      &lt;select&gt;
          &lt;option value="" disabled selected&gt;Choose your option&lt;/option&gt;
          {{#each getCategories}}
              &lt;option value="1"&gt;{{category_name}}&lt;/option&gt;
          {{/each}}
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>getCategories</code> is a function that returns the names of all the categories. I need to use this function's result to populate a select box.<br>
  The problem is, the data sometimes gets loaded into the select box - sometimes it does not.<br>
  Sometimes the values in the select disappear on page refresh. At the same time a dropdown I am using for the same is working perfectly.</p>
  
  <p>Here is the code of the dropdown :</p>
  
  <pre><code>&lt;div class="col l6"&gt;
      &lt;a class='dropdown-button btn'  data-activates='dropdown1'&gt;Categories&lt;/a&gt;
      &lt;ul id='dropdown1' class='dropdown-content'&gt;
          {{#each getCategories}}
              &lt;li&gt;&lt;a&gt;{{category_name}}&lt;/a&gt;&lt;/li&gt;
          {{/each}}
      &lt;/ul&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>The dropdown works perfectly. I don't know what is wrong with my select.</p>
  
  <p>The code used to initialize the select box : </p>
  
  <pre><code>Template.posts.rendered = function() {
    $('#content').ckeditor();
    $('select').material_select();
    $('.dropdown-button').dropdown({
       inDuration: 300,
       outDuration: 225,
       constrain_width: true, 
       hover: true, 
       gutter: 0, 
       belowOrigin: true 
    });
  };
  </code></pre>
  
  <p>Why is my <code>&lt;select&gt;</code> template behaving weirdly when the same logic with a dropdown works?</p>