title: jQuery: links not working with jQuery enabled
body: <p>I have a side vertical menu, with sub pages (sub <code>&lt;ul&gt;</code>). I have a very nice jQuery slideToggle feature which expands the menu to show the sub pages. Though when this jQuery is targeting the menu, non of the sub page's links work. When I turn the JS off it works fine. I have been playing for the last hour or so. Any help would be appreciated. </p>
  
  <pre><code>// SIDE BAR MENU EXPAND
  
  $('#left-menu ul li').click(function() {
      $(this).children("ul").slideToggle("slow");
      return false; });
  </code></pre>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;div id="left-menu"&gt;
                                                              &lt;!-- first level sub-sections --&gt;
  
  &lt;ul&gt;
  &lt;li class="active"&gt;&lt;a href="&gt;Leather Goods &amp;#187;&lt;/a&gt;
     &lt;ul&gt;
         &lt;li&gt;&lt;a href=""&gt;Handbags&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href=""&gt;Laptop &amp;amp; Briefcase&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href=""&gt;Pen Cases &lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/li&gt;
  
  &lt;li&gt;&lt;a href=""&gt;Stationery&lt;/a&gt;
      &lt;ul&gt;
         &lt;li&gt;&lt;a href=""&gt;A4&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href=""&gt;A5&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href=""&gt;A6&lt;/a&gt;&lt;/li&gt;                                                                    
      &lt;/ul&gt;
  &lt;/li&gt;
                                                                                                  &lt;li&gt;&lt;a href=""&gt;Writing Instruments&lt;/a&gt;
      &lt;ul&gt;
         &lt;li&gt;&lt;a href=""&gt;Accessories&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href=""&gt;Ballpoint Pens&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
                                                                          &lt;/div&gt;      
  </code></pre>