$(document).ready(function(){
                    $("#user_search").on("input", function(){
                        var query = $(this).val();
                        if (query.length > 0) {
                            $.ajax({
                                url: '<?php echo $_SERVER["PHP_SELF"]; ?>',
                                type: "POST",
                                data: { query: query },
                                success: function(data){
                                    $("#userList").fadeIn();
                                    $("#userList").html(data);
                                }
                            });
                        } else {
                            $("#userList").fadeOut();
                            $("#userList").html("");
                        }
                    });
                    $(document).on("click", "option", function(){
                        $("#user_search").val($(this).text());
                        $("#user_id").val($(this).data("id"));
                        $("#userList").fadeOut();
                    });
                });