disable click that calls a javascript function
<p>I have a simple menu with this structure:</p>

<pre><code>&lt;ul class="navigation"&gt;
  &lt;li&gt;&lt;a href="javascript:void(0)" onclick="javascript:dataTable()"&gt;Preview all record&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>In some cases in my project I need to disable calling dataTable() function when user clicking on this  tag</p>

<p>I am using this </p>

<pre><code>$('ul.navigation a').click(function(event){
     event.preventDefault();
});
</code></pre>

<p>but it doesn't work with me</p>
