Ultimate Member 2.1 - Add search & reset buttons in member directory

Ultimate Member 2.1 - Add search & reset buttons in member directory

<?php

// fixed reset button not working

add_action("um_members_directory_head", "um_custom_members_directory_head", 10, 1);
function um_custom_members_directory_head($args)
{
	 ?>
	 // added JavaScript to clear the search bar, filters and remove those criteria from the URL as well
	<script type="text/javascript">
		function searchClear() {
			var elements = [] ;
			elements = document.getElementsByClassName("um-search-line");
			for(var i=0; i<elements.length ; i++){
				elements[i].value = "" ;
			}
			window.location.href = window.location.href.split('?')[0];		
		} 
	</script>

	<div class="um-search-submit" style="margin:auto;width:50%;"> 
		<div style="width: 40%;float:left;margin:10px;text-align:center;">
			<a href="#" class="um-button um-do-search" ><?php _e("Search", "ultimate-member"); ?></a>
		</div>
		<div style="width: 40%;float:left;margin:10px;text-align:center;">
			<!-- the JavaScript is invoked by the Reset button -->
			<a href="javascript:;" onclick="searchClear()" class="um-button um-alt um-clear-filters-a"><?php _e("Reset", "ultimate-member"); ?></a>
		</div>
	</div>
	<?php
}