How to submit form while event.preventDefault() is applied

I have a page that contains a form for logout that is sending POST request to an endpoint and a form for live search from the database through AJAX call. On document load the page is running the function for showing results from the database which has event.preventDefault() in it which is stopping the form submission for the whole page. The issue is that I can't send the logout form now (because event.preventDefault() is applied). This is how my logout form looks

<a href="javascript:void(0);" onclick="event.preventDefault();$(this).children('form').submit();">
    <form method="POST" action="{{ route('logout') }}">
        @csrf
        <span>@lang('main.navigation_logout')</span>
    </form>
</a>

This logout form is not working only on the page with the live search (Because of the event.preventDefault() in the live search function). How can I allow this logout form submission?