Can someone explain this to me? I'm trying to understand exactly why drop down lists inside a li tag work okay but when using a form the menu disappears when clicked anywhere. 

```
menu.find('ul li > a').bind('click', function (event) {
  event.stopPropagation();
}

```

It works in combo with:

```
$("html").click(function() {
  menu.find('.active').removeClass('active');
});

```

Full code with menu example: 

<http://jsfiddle.net/e4yy4/>