title: Get ID of a clicked parent ID
body: <p>I try using evt.parent.attr("id") inside jsddm_close, but it doesn't work.</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  var ddmenuitem      = 0;
  
  function jsddm_open()
  {  
      // When "help-menu" being click, I will toggle drop down menu. 
      ddmenuitem = $(this).find('ul').eq(0).toggle();
  }
  
  function jsddm_close(evt)
  {   
      // When everywhere in the document except "help-menu" being clicked, I will close the drop down menu.
      // How I can check everywhere in the document except "help-menu"?
      if (ddmenuitem) ddmenuitem.hide();
  }
  
  $(document).ready(function()
  {   
      $('#jsddm &gt; li').bind('click', jsddm_open);
      $(this).bind('click', jsddm_close);
  });
  &lt;/script&gt;
  
  &lt;ul id="jsddm"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="help-menu"&gt;&lt;u&gt;Help&lt;/u&gt;&lt;small&gt;xx&lt;/small&gt;&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;menu item 2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;  
  &lt;/ul&gt;
  </code></pre>