Jquery: please help explain this code because I need to tweak it
<p>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. </p>

<pre><code>menu.find('ul li &gt; a').bind('click', function (event) {
  event.stopPropagation();
}
</code></pre>

<p>It works in combo with:</p>

<pre><code>$("html").click(function() {
  menu.find('.active').removeClass('active');
});
</code></pre>

<p>Full code with menu example: </p>

<p><a href="http://jsfiddle.net/e4yy4/" rel="nofollow">http://jsfiddle.net/e4yy4/</a></p>
