title: dynamically populate options and trigger jquery chosen
body: <p>i am trying to use jquery chosen plugin for one of the requirement. Here are the steps.</p>
  
  <ol>
  <li>select tag where chosen is  applied is sitting in 'div' which is hidden( div will be shown on click of a button).</li>
  <li>options tag in 'select' will be populated dynamically.</li>
  </ol>
  
  <p>steps taken to trigger chosen.</p>
  
  <pre><code>            $(function()
              {
                $("select").chosen();
              }
  </code></pre>
  
  <p>=====
  this is what i am doing to update the  and triggering the chosen again.</p>
  
  <pre><code>            for(var i=0;i&lt;3;i++)
              {
                $("select").append("&lt;option value='value"+i+"'&gt;Value"+i+"&lt;/option&gt;");
              }
  
              $(".chosen-select").trigger("chosen:updated"); 
  </code></pre>
  
  <p>After doing all these, i am not getting the proper UI or Chosen is not getting triggered.
  Can any one take a look ?</p>
  
  <p>Thanks in advance</p>