title: dropdown toggle not working from event handler
body: <p>I'm creating a basic dropdown menu with twitter bootstrap. When I click on the button that opens the dropdown menu, everything works fine.</p>
  
  <p>The problem is, when I try to toggle dropdown by clicking some other element on the page (I need this functionality)</p>
  
  <pre><code>$(document).on("click", ".drop-toggle", function(e) {
      console.log("working");
      $(".btn-group").toggleClass("open");
  });
  </code></pre>
  
  <p>I can see console message, but nothing happens.</p>
  
  <p>When I simply call</p>
  
  <pre><code>$(".btn-group").toggleClass("open");
  </code></pre>
  
  <p>it works, but it doesn't work from the event handler. Any ideas why?</p>
  
  <p><a href="http://jsfiddle.net/P2RnW/" rel="nofollow">http://jsfiddle.net/P2RnW/</a></p>