Unable to use 'id' selector within if condition - JQuery

I am unable to target an element with an id, whenever there is a click event. It's a pretty simple solution, no idea why this isn't working out. Please help me with it.

    $('ul.main-menu li').click(function(e) {          e.preventDefault();            if ($(this).siblings('li').find('a').has('#has-sub-menu')) {              alert('sub-menu')          }        }); 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  <ul class="main-menu">      <li class="main-menu-item">          <a href="#">Home</a>      </li>        <li class="main-menu-item">          <a id="has-sub-menu" href="#">Company</a>      </li>  </ul>

https://stackoverflow.com/questions/67411236/unable-to-use-id-selector-within-if-condition-jquery May 06, 2021 at 10:59AM