Ajax Search And Autosuggest For WordPress

custom.js

jQuery('#s').suggest(ajax.url + '?action=tdp_ajax_search_query');

functions.php

/**
 * Add Autosuggest + Ajax Query
 */
add_action('wp_enqueue_scripts', 'tdp_add_ajax_autosuggest');
function tdp_add_ajax_autosuggest() {

    wp_enqueue_script('suggest');
    $args = array( 
    	'url' => admin_url('admin-ajax.php'),
    );
    wp_localize_script( 'suggest', 'ajax', $args );

}

add_action('wp_ajax_tdp_ajax_search_query', 'tdp_ajax_search_query');
add_action('wp_ajax_nopriv_tdp_ajax_search_query', 'tdp_ajax_search_query');

function tdp_ajax_search_query() {
    
	$s = trim( stripslashes( $_GET['q'] ) );

	$query_args = apply_filters( 'tdp_ajax_search_query_args', array(
		's'           => $s,
		'post_status' => 'publish',
	), $s );

	$query = new WP_Query( $query_args );

	if( $query->have_posts()) : 

		while ( $query->have_posts() ) : $query->the_post();

			echo get_the_title() ."\n";

		endwhile;

	else :

		echo __('Whoops looks like nothing was found...', TDP_TEXDOMAIN );

	endif;

	wp_die();

}