jQuery for disabling the click
<p>I have one link in a div id where i have to disable the click event and also hidden.
here is my Div id which i need to disable click event.</p>

<pre><code>&lt;div  class="bookmark" align="left"&gt;
  &lt;div align="left"&gt;&amp;nbsp;&amp;nbsp;
    &lt;img src="&lt;c:url value="/images/Bookmarks1.png"&gt;"align="absmiddle" border="0" width="18" height="18" /&gt; 
&lt;a href="#" id="bookmarkviewall" class="book tabs" style="text-decoration: none;"&gt; Bookmark&lt;/a&gt; &amp;nbsp;
    &lt;a href="#"  id="bookmarkpopup" class="book tabs"  onclick="javascript:return false;"&gt;
      &lt;img alt="Add Bookmark" src="&lt;c:url value="/images/red_plus.png"/&gt;" align="absmiddle"&gt;
    &lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>the Function i wrote is :-</p>

<pre><code>function disablingBookmark(){
  $("#bookmarkviewall").removeAttr("href");
  $("a#bookmarkviewall").removeAttr("class");
  $("#bookmarkpopup").removeAttr("href");
  $("a#bookmarkpopup").removeAttr("onclick");
  $("a#bookmarkviewall").attr("class","greyFont tabs1");
  $("#colorpickerDiv").hide();
}
</code></pre>

<p>this is My js file:-</p>

<pre><code>$("#bookmarkviewall").click(function(e){
         var selectedId = "#"+currentSelectedTabId;
         $(selectedId).removeAttr("style");
         currentSelectedTabId = null;
         highlight($('#content').attr("id"));
    //For hiding the popuped menu
    //$("#rightHandPanelStatus").attr("recent","bookmarks");


        highlightForToolBox($('#bookmarkviewall').attr("id"));  

        var currentNumberOfRecordsPerPage = 10;
        var currentPageNumber = 1;

        $.post("/core-web/bookmark/viewlist", jQuery.param({pageNumber :currentPageNumber, NumberOfRecordsPerPage :currentNumberOfRecordsPerPage, pageId:currentPageId}), function(data) {
                $('#center_in').html(data);
        });



    });
},
</code></pre>

<p>the link is disable but still the click event is working.any help. please
thanks.</p>
