title: disable click event for all links except the links inside a div
body: <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>