php - ワードプレスでJqueryを使ったライブ検索

Question

First_name リストがデータベースにある場合は、それらを印刷しようとします。wordpressとjquery ajaxを使っています。

これが私のjqueryコードです。

    $("#searchbox").keyup(function(){
        //function ajaxSubmit(){

        //var newCustomerForm = jQuery(this).serialize();
        //var emp_nameForm = $('#searchbox').val(); 
        //post_id = jQuery(this).attr("#searchbox");
            post_id=this.value;
            //alert(post_id);
        jQuery.ajax({
        type:"POST",
        url: "/wp-admin/admin-ajax.php",
        data: { action: 'my_custom_handler', emp_name: post_id},
        success:function(response) {
                if(response.type == "success") {
                   jQuery("#search_result").html(data);
                }
                else {
                   alert("Your vote could not be added");
                }
        }
        });

    //return false;
    //}
});

これが私のhtmlコードです。

div class="hidesearch" id="search" style="width:"400px;">
                            <input type="text"  id="searchbox"  name="user_name" value=""/>

                    </div>

PHP コード

function my_custom_handler() {
    global $wpdb;
    $name=$_POST['emp_name'];
    $employee=$wpdb->get_results("SELECT `First_Name` FROM wp_skilllist WHERE First_name LIKE $name% ");

    foreach($employee as $key=> $value){

     echo '<ul>';
     echo '<li>'.$value->First_Name;'</li>';
     echo '</ul>';
  //   echo $value->post_content;
  // echo 'Sasi is  a t est';
   }

    wp_reset_query();
    die();
} // end theme_custom_handler
add_action( 'wp_ajax_my_custom_handler', 'my_custom_handler' );
add_action( 'wp_ajax_nopriv_my_custom_handler', 'my_custom_handler' );

私はそれを機能させることができません。誰かが私のコードを修正するのを手伝ってくれますか?

検索ボックスに名前を入力すると、利用可能な場合はリストに表示したいと思います。次に、ユーザーは名前を選択できます。

実際に成功した場合：上記の結果を印刷したい。my_custom_handler にテキストを印刷しようとしましたが、印刷されませんでした。