Searching Data Mysql Dengan Php Ajax

bagaimana cara melakukan searching data pada database mysql dengan menggunakan php ajax? masalahnya, yang muncul adalah keseluruhan data (username), tidak sesuai dengan inputan user. ini soure code untuk tampilan

<div class="container" style="margin:50px auto">

    	<div class="col-md-4" style="border-right:1px #ccc solid">
    		<input type="text" id="user" placeholder="Type name here">
    		<input type="submit" id="button" value="Search">
        </div>

        <div class="col-md-6">
       		<h4>Result</h4> <hr/>
            <div id="display">
            	<script type="text/javascript">
				setInterval(function(){
					$('#display').load("search.php");
				},1000);
				</script>
            </div>
        </div>
    </div>

ini source code javacsriptnya

$(document).ready(function(){

	$(document).on('click','#button',function(){
		$.post("search.php",{
			name: $('#user').val()
		});
	});

})

dan ini soure code yang ada dalam file search.php

<?php

	//database connection
	include '../connection_database_php_mysql/connection.php';

	//searcing code
	$query = mysql_query("SELECT * FROM users WHERE username LIKE '%$_POST[name]%'");
	while($data = mysql_fetch_array($query)){
		echo "
			$data[username] <br/>
		";
	}
?>

MOHON BANTUANNYA, TERIMAKASIH :)