Разбитие и вставка данных в input поля
 

Добрый вечер есть скрипт живого поиска

$(function(){
	    
	    //Живой поиск
	    $('.who').bind("change keyup input click", function() {
	        if(this.value.length >= 2){
	            $.ajax({
	                type: 'GET',
	                url: "../search/search_avtor_3.php", //Путь к обработчику
	                data: {'referal':this.value},
	                response: 'text',
	                success: function(data){
	                    $(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
	                }
	            })
	        }
	    })
	    
	    $(".search_result").hover(function(){
	        $(".who").blur(); //Убираем фокус с input
	    })
	    
	    //При выборе результата поиска, прячем список и заносим выбранный результат в input
	    $(".search_result").on("click", "li", function(){
	        $('.who').val($(this).text());
	  
	        $(".search_result").fadeOut();
	    })
	
	
	})

скрипт работает, но хотелось бы его доработать.
на данный момент весь результат

echo "\n<li>  ID_Автора: " .$row["Id"]. "  ФИО: " .$row["fio"]."  Статус: " .$row["doljnost"]."</li>";

он вставляет

<ul class="search_result"></ul>

можно ли как то реализовать, что бы

ID_Автора: " .$row["Id"].

вставлялось в

<ul class="search_result_id"></ul>

и

ФИО: " .$row["fio"]."

в

<ul class="search_result_fio"></ul>

и так далее.
Буду очень благодарен за помощь.

Два раздельных списка что-ли?

echo "\n<li> ID_Автора: " .$row["Id"]. " ФИО: " .$row["fio"]." Статус: " .$row["doljnost"]."</li>"; - это убрать, отдавать клиенту JSON, а на нем уже расфасуете куда нужно.

Решил проблему через

var results = $(this).text().split('.')