Jquery automatycznie uzupełnia dwa pola w oparciu o jedno pole przy użyciu PHP i MySQL

Mam tabelę w bazie danych MySQL z następującymi kolumnami: nazwa, adres, zawód, numer telefonu i numer seryjny. W moim formularzu html, oprócz innych pól, mam pola tekstowe do wprowadzania nazwy, numeru telefonu i numeru seryjnego. Jak mogę, używając autouzupełniania jQuery i PHP / MySQL, wypełnić pola Nazwa i Numer telefonu za pomocą pola Numer seryjny? Udało mi się ustawić autopopulację na jednym polu wejściowym, ale nie wiem, jak go ustawić, aby wypełnić pozostałe dwa pola za pomocą jednego pola, które ma autouzupełnianie. Dzięki

to są pola

   <input type="text" name="name" id="autocomplete" />
   <input type="text" name="phone_number" id="autocomplete" />
   <input type="text" name="serial_number" id="autocomplete" />

to jest mój skrypt php do pobierania ciągów z db

<?php
$dbhost = 'YOUR_SERVER';
$dbuser = 'YOUR_USERNAME';
$dbpass = 'YOUR_PASSWORD';
$dbname = 'YOUR_DATABASE_NAME';

$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ('Error connecting to mysql');
mysql_select_db($dbname);

$return_arr = array();

if ($conn)
{
    $fetch = mysql_query("SELECT name, phone_number, serial_number FROM users");


    while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) {
        $row_array['value'] = $row['name'] . " " . $row['phone_number'] " . $row['serial_number'] ";         
        array_push($return_arr,$row_array);
    }


}
mysql_close($conn);
echo json_encode($return_arr);
?>

questionAnswers(2)

yourAnswerToTheQuestion