title: bootstrap-select shown event not firing
body: <p>I am using bootstrap select for my select box. I want to do some action once the drop down opened. I used the following code but shown event not getting fired. I tried with changed event also. Nothing worked for me. Some one suggest a way to do this.</p>
  
  <p>JS </p>
  
  <pre><code>$(function(){
     $('#c_select #hc_id').selectpicker();
  
     $('#c_select .selectpicker').on('shown.bs.select', function (e) {
      alert('dd');
     });
  
     $('.selectpicker').on('changed.bs.select', function (e) {
      console.log('ddddddddddd');
     });
  
  })
  
  &lt;div id="c_select"&gt;
    &lt;select id="hc_id" name="hc_id" data-focus-off="true" class="selectpicker change-cc" data-container="body" data-live-search="true"&gt;
      &lt;option value="0" data-content="&lt;span class='select-label first'&gt;Select &lt;/span&gt;"&gt;&lt;/option&gt;
      &lt;option value="1" data-content="&lt;span class='select-label first'&gt;AAAAAAAAAAA&lt;/span&gt;"&gt;&lt;/option&gt;
      &lt;option value="2" data-content="&lt;span class='select-label first'&gt;BBBBB&lt;/span&gt;"&gt;&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>