im having trouble controlling which class preventDefault is applied to.

2. $(".main-cat > a").click(function (event) {
3. 
   
4. if($('.main-cat > div:has(.sub-cat)')){
5. 
   
6. event.preventDefault();
8. }
9. 
   
10. else{
11. alert("sub cat does not exists");
12. }
13. 
    

});

The problem is it is also working on a .main-cat which doesnt have a child class .sub-cat.

Any help with this is greatly appreciated.

Thanks