Disabling all the click events under a div element using jQuery

You might have a requirement to disable all the click events under a particular div. Following is a way to disable click events.

 var disable = function() {  
             var divElement = $("#myDiv");  
                var disableMask = $("<div></div>");  
                disableMask.attr("id", divElement.prop("id") + "_mask");  
                disableMask.css({  
                     "position" : "absolute",  
                     "width" : "100%",  
                     "height" : "100%",  
                     "zIndex" : "100"  
                });  
                divElement.append(disableMask);  
 };  
   
 var enable = function() {  
       var divElement = $("#myDiv");  
       var disableMask = $("#" + divElement.prop("id") + "_mask");  
       if(disableMask != null){  
                  $("#" + divElement.prop("id") + "_mask").remove();  
       }  
 };