title: How do I trigger a dropdown button blur / close event on bootstrap?
body: <p>I am trying to trigger an event after a buton group is closed (to catch mutiple changes inside that button group). </p>
  
  <pre><code>&lt;div class="btn-group"&gt;
  
  &lt;span id="experiment-filter-group" class="btn-group pull-right open"&gt;
  &lt;button type="button" style="width:auto" class="dropdown-toggle btn btn-small" data-toggle="dropdown"&gt;Click Here &lt;b class="caret"&gt;&lt;/b&gt;&lt;/button&gt;
  &lt;ul class="dropdown-menu" style="max-height: 400px; overflow-y: auto; overflow-x: hidden;"&gt;
        &lt;li class="active"&gt;&lt;a href="javascript:void(0);" style="padding:0;"&gt;&lt;label style="margin:0;padding:3px 20px 3px 20px;width:100%;height:100%;cursor:pointer;"&gt;&lt;input style="margin-bottom:5px;" type="checkbox" value="0"&gt; X Option&lt;/label&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="javascript:void(0);" style="padding:0;"&gt;&lt;label style="margin:0;padding:3px 20px 3px 20px;width:100%;height:100%;cursor:pointer;"&gt;&lt;input style="margin-bottom:5px;" type="checkbox" value="1"&gt; Y Option &lt;/label&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/span&gt;
  
  &lt;/div&gt;
  
  &lt;script&gt;
      $('.btn-group').on("closed", function(e){
              console.log("closed");
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>this is not working..</p>