javascript — автозаполнение jQquery не может завершить текстовое поле

Следуя http://phpseason.wordpress.com/2013/02/13/php-autocomplete-tutorial-using-jquery/
Я написал этот код:

    <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css"href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
<script>
jQuery(document).ready(function() {
jQuery("#member").on('input',function(e){
var member = jQuery("#member").val();
// alert(member);
jQuery.ajax({
type:"POST",
url:"<?=bloginfo('url')?>/wp-content/themes/hades/process_data_db.php",
data:{getmember:member},
success:function(data){
//jQuery("#member").val(data.member);
//alert(data);
jQuery("#member").autocomplete({
source:data,
minLength:1});

}
});
});

});
</script>

получить данные json из файла кода php, а затем автоматически заполнить текстовое поле формы с именем member, Теперь этот код работает нормально. Возвращает данные Json:

[{"value":"NameA,IND"},{"value":"NameB,BNP-A"},}]

Но не удалось вызвать функцию автозаполнения для привязки значений к текстовому полю.