title: Why is the chosen:ready-event not triggered?
body: <p>I am trying to hide a chosen-control after creation. So I have set some code on <code>chosen:ready</code> to hide the container. But it seems that event is not triggered.</p>
  
  <p><strong>Repro</strong>: <a href="https://codepen.io/MBaas/pen/pbbENd?editors=1111" rel="nofollow">codepen</a></p>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;div style="width:200px;" id="MCchsn_id711552766_2"&gt;
      &lt;select id="id711552766_2" style="width:100%" name="id711552766_2"&gt;
          &lt;option disabled="disabled" selected="selected"&gt;[Select]&lt;/option&gt;
          &lt;option&gt;ChoiceA&lt;/option&gt;
          &lt;option&gt;ChoiceB&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong>: </p>
  
  <pre><code>$(function() {
    $("#id711552766_2").chosen();
    $("#id711552766_2").on("update",function () { console.log($(this).text);});
    $("#id711552766_2").on("chosen:ready",function() {$("#MCchsn_id711552766_2").hide();alert("hidden");}); 
  });
  </code></pre>
  
  <p>What am I missing?</p>