Detectar inicio táctil en el cuerpo, pero no mi navegación

Tengo un menu

Quiero crear un disparador para tabletas, donde si el usuario toca en cualquier parte de la pantalla, colapsará mi navegación secundaria. Excepto que quiero que el usuario pueda hacer clic en cualquier lugar dentro de la navegación sin activar closeMenu();

Lo intenté:

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

Dónde .menu parece:

<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>

Hay varios casos de .menu, que cada uno vive en un <li>.

Lo que termina sucediendo es que me permite hacer clic en '.menu-links', pero cuando hago clic en cualquier opción, se comporta como si hubiera hecho clic en #main-container y closeMenu() se inicia.