title: Bootstrap Button drop-down should not hide when clicked inside
body: <p>I am trying to create a Button drop-down with some check-boxes inside it. One issue I am running into is if I click inside the drop down it goes hidden. I have to click again the button to bring the drop-down and see what I have checked.</p>
  
  <p>I know it's default functionality of Bootstrap Button drop-down But How I can customize this so that it doesn't go away when I am selecting my check boxes.</p>
  
  <p>Is there any safe jQuery way to customize this ? I am not very good with jQuery to solve this by myself. Any help will be much appreciable.</p>
  
  <p><strong><a href="http://jsfiddle.net/prxv0yhq/1/" rel="nofollow">FIDDLE</a></strong></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="btn-group drop-down-multiselect"&gt;
                              &lt;button type="button" class="btn  btn-default dropdown-toggle" data-toggle="dropdown"&gt; 
                                &lt;span class="fa fa-filter"&gt;&lt;/span&gt;
                                Filter By
                                &lt;span class="caret"&gt;&lt;/span&gt; 
                              &lt;/button&gt;
                              &lt;ul class="dropdown-menu" role="menu"&gt;
                                &lt;li&gt;
                                  &lt;label&gt;
                                    &lt;input type="checkbox"&gt;
                                    Edited Date 
                                  &lt;/label&gt;
                                &lt;/li&gt;
                                &lt;li&gt;
                                  &lt;label&gt;
                                    &lt;input type="checkbox"&gt;
                                    Launched 
                                  &lt;/label&gt;
                                &lt;/li&gt;
                                &lt;li&gt;
                                  &lt;label&gt;
                                    &lt;input type="checkbox"&gt;
                                    Scheduled 
                                    &lt;/label&gt;
                                &lt;/li&gt;
                                &lt;li&gt;
                                  &lt;label&gt;
                                    &lt;input type="checkbox"&gt;
                                    Planned 
                                  &lt;/label&gt;
                                &lt;/li&gt;
                              &lt;/ul&gt;
                            &lt;/div&gt;
  </code></pre>