检测身体上的触摸开始，但不是我的导航

Question

我有一个菜单

我想为平板电脑创建一个触发器，如果​​用户点击屏幕上的任何位置，它将折叠我的subnav。除此之外，我希望用户能够点击导航中的任何位置而不会触发closeMenu();

我试过了：

$('#main-container').not('.menu').live('touchstart click', function(){
    closeMenu();
}

.menu的样子：

<div id="container">
<ul>
   <li>   
     <div class="menu">
       <a class="menu-links" href="#">Menu List 1</a>
       <ul>
          <li><label><input type="radio" checked="checked" />All</label></li>
          <li><label><input type="checkbox" />Option 1</label></li>
          <li><label><input type="checkbox" />Option 2</label></li>
          <li><label><input type="checkbox" />Option 3</label></li>
       </ul>
     </div>
    </li>
    <li>
      ....more of the same
    </li>
 </ul>

.menu有几个实例，每个实例都位于<li>。

最终发生的事情是，它让我点击'.menu-links'，但当我点击任何选项时，它就像我点击了#main-container一样，closeMenu()获得了启动。