title: Chosen - trigger open event after change event
body: <p>I am using chosen jquery plugin and would like to have an open event triggered as soon as the change event is called so that the search bar with all options would be shown.</p>
  <h1>html code</h1>
  <pre><code>&lt;select id=&quot;myselect&quot; data-placeholder=&quot;Add foods you can buy here.&quot; style=&quot;height:30px;width: 100%&quot; class=&quot;chosen-select&quot; &gt;
      &lt;option value=&quot;&quot;&gt;&lt;/option&gt;
      {% for each in food_list %}
          &lt;optgroup label={{each.node}}&gt;
              {% if each.children %}
                  {% for eachchild in each.children %}
                      &lt;option&gt;{{eachchild}}&lt;/option&gt;
                  {% endfor %}
              {% else %}
                  &lt;option&gt;{{each.node}}&lt;/option&gt;
              {% endif %}
          &lt;/optgroup&gt;
      {% endfor %}
  &lt;/select&gt;
  </code></pre>
  <h1>jqyery code</h1>
  <pre><code>$( document ).ready(function() {
      $('#myselect').chosen().change(function(){
      // alert('change event called');
      $('#myselect').trigger('chosen:activate');
      $('#myselect').trigger('chosen:open');
      add_food({{profile_id}});
      });
  });
  </code></pre>
  <p>Although <code>$('#myselect').trigger('chosen:open');</code> opens up the search bar and options when I try on the console, but it is not working inside the change event function. Where am I wrong?</p>