title: Jquery multi select plugin with meteor
body: <p>I am using jquery multiSelect plugin (<a href="http://harvesthq.github.io/chosen/" rel="nofollow">http://harvesthq.github.io/chosen/</a>) with meteor. It works fine. When when the list of options changes dynamically, it shows the old same values in the option list.</p>
  
  <pre><code>&lt;template name="testDynamicSelect"&gt;
      &lt;select class="chosen-select"&gt;
          {{#each selectList}}
              &lt;option style="width: 300px"&gt;{{this}}&lt;/option&gt;
          {{/each}}
      &lt;/select&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Helpers</p>
  
  <pre><code>Session.set('selectList',['delhi','pune','chandigarh']);
  Session.set('run',true);
  Template.testDynamicSelect.helpers({
      selectList:function(){
          return Session.get('selectList')
      }
  });
  
      Template.testDynamicSelect.rendered = function(){
          var instance = this;
          instance.autorun(function(){
              if(Session.get('run')){
                  var config = {
                      '.chosen-select': {},
                      '.chosen-select-deselect'  : {allow_single_deselect:true},
                      '.chosen-select-no-single' : {disable_search_threshold:10},
                      '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
                      '.chosen-select-width'     : {width:"95%"}
                  }
  
                  for (var selector in config) {
                      $(selector).chosen(config[selector]);
                  }
                  Session.set('run',false);
                  console.log('run select ');
              }
          });
      }
  </code></pre>
  
  <p>Now in the console, when I type</p>
  
  <pre><code>Session.set('selectList',['delhi','pune','chandigarh','bangalore']);
  Session.set('run',true);
  </code></pre>
  
  <p>I don't get the updated value 'bangalore'.</p>