<div class="searchBarWrapper" id="searchBarWrapper">
    <input name="searchstring" 
        hx-post="/search" 
        hx-trigger="keyup[keyCode==13]" 
        hx-indicator=".progress" 
        hx-target="#container" 
        id="search" 
        placeholder="Search"
        onfocus="toggle()"
        >
    </input>
    <span class="material-symbols-outlined searchIcon" onclick="triggerInputClick()">search</span>
</div>
<script>
    function triggerInputClick() {
        var inputElement = document.getElementById('search');
        var enterEvent = new KeyboardEvent('keyup', {keyCode: 13});
        inputElement.dispatchEvent(enterEvent);
    }
</script>