title: Keeping the dropdown open after selecting dropdown element
body: <p>The dropdown menu which is being used is of bootstrap. The code is as below</p>
  
  <pre><code>&lt;li id="changethis" class="dropdown"&gt;
   &lt;a  href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;LINK&lt;/a&gt;
    &lt;ul class="dropdown-menu"&gt;
     &lt;li id="clickme"&gt;&lt;a href="#"&gt;Link1&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/a&gt;
  &lt;li&gt;
  </code></pre>
  
  <p>Jquery code looks like this</p>
  
  <pre><code>$(document).ready(function () {
   $('#clickme').on('click', function () {
      $('#changethis').removeClass('dropdown');
      $(this).addClass('dropdown open');
   });
  });
  </code></pre>
  
  <p>On click of Link1, I wish to change the li class to dropdown open. I am not getting any error in my console, but the dropdown class is not changed.</p>
  
  <hr>
  
  <h2><a href="http://www.bootply.com/VNLEVGXcPR" rel="nofollow">Bootply Link</a></h2>