Add custom searchbox to main navigation

Thanks! I was able to get the search box to appear in the navigation, but it isn’t recognizing when the enter button is pressed. Below is what I placed inside the Navigation Label. Any ideas?
<input type="text" class="search" id="txtSearch" name="txtSearch" maxlength="150" onkeydown="javascript:return IsEnterPressed(event, document.getElementById('txtSearch').value, document);" />

The website is now live if you would like to see how the searchbox is currently functioning.

Thanks for the catch! A team member commented out the function from the JS file and didn’t let me know.

New issue: The search box now recognizes the enter button press and sends the viewer to the shop site to view the results, but it isn’t sending the search terms through with it causing a 404 error. However, if I click back and then press enter again the search terms are sent through and the results populate. I don’t have that issue if I remove the search box from the main navigation and place it within a page. The only difference I see in the code is an anchor tag is placed around the search box when it is placed within the menu structure, and it isn’t there when the search box is placed within a page. Any ideas on why the text in the search box isn’t being sent on the first try? Could I be calling the JS file from the wrong area or is there a “preferred” area to call it from?

Image of the URL on first and second enter press: https://www.dropbox.com/s/gemlhczumus43xn/search-terms.jpg?dl=0

Hi Ismael,

I only asked because I was directed to place the code within the menu structure in a previous response. If there is a way I can place the search box after “Paintball FAQs” and before “Cart” that would be fine too. Even inserting code that strips the anchor tag from the search box would be helpful. If this still conflicts with the support policy, that’s fine as well.

No I haven’t tried wp_nav_menu_items yet. Thank you for bringing it to my attention! Would the functions file be the best location to place the filter’s code?

Thanks again for all of your help. 2 things:

1. The search box now appears at the end of the main navigation. Is there a way to make it appear between “Paintball FAQs” and “Cart” from within the function? Or do I have to place the code for “Cart” and “My Account” with the search box function? I would like to keep as much as possible within the menu layout.
2. I placed the code below into functions.php, but it no longer recognizes when the enter button is pressed. Any ideas? Could I be calling the JS file from the wrong place? It is being called from the header right before <?php wp_head(); ?>. I checked the source code, and the path to the JS file is correct.

/*
 * Add search box to main menu
*/

add_filter('wp_nav_menu_items','add_search_box_to_menu', 10, 2);

function add_search_box_to_menu ( $items, $args )
{
	if( $args->theme_location == 'avia' )
		return $items."<li style='margin:9px 0 0 !important;'><input type='text' class='search' id='txtSearch' name='txtSearch' maxlength='150' onkeydown='javascript:return IsEnterPressed(event, document.getElementById('txtSearch').value, document);' /></li>";

	return $items;
}