title: jquery live click event stopPropagation
body: <p>I have a dropdown menu which contains a input and several buttons. The dropdown should hide when I click one of the buttons or somewhere else, but don't hide when keypress on the input. I use the following code, it doesn't work. Though it works when I use </p>
  
  <pre><code>$('.dropdown input').click(function(e){
  
  })
  </code></pre>
  
  <p>instead of <code>live</code>.</p>
  
  <p>But I do need <code>live</code>, so is there any solution for this?</p>
  
  <pre><code>/*  dropdown menu   */
  $('.dropdown input').live('click', function(e) {
      e.stopPropagation();
  });
  
  $(document).click(function(e){
      if(e.isPropagationStopped()) return;  //important, check for it!
  });
  </code></pre>