disable click event for all links except the links inside a div
<p>I have a page with some links inside a div and some outside that div.</p>

<pre><code>  &lt;div id="navigation"&gt;
     &lt;ul&gt;
       &lt;li&gt;
         &lt;a href="/Home/Index"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;
         &lt;a href="/Home/contactus"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/div&gt;
&lt;a href="/User/SignIn"&gt;Sign In&lt;/a&gt;......
</code></pre>

<p>I need to disable the click event for the all the links except inside the <code>navigation</code> div.</p>

<p>How to do it in jquery using similar to:</p>

<pre><code>//disable Click event for links
    $("a:not([id])").live('click', function(e) {
        e.preventDefault;
        return false;
    });
</code></pre>
