Сделать источник автозаполнения пользовательского интерфейса jQuery зависимым от другого автозаполнения

Проблема в названии, я не знаю, как сделать автозаполнение виджета зависимым от другого. В моем примере у меня есть 2 столбца в моей базе данных:

• имя
• Фамилия

И несколько строк:

Dupont Francois
Dupont Oliver
Lapeche Jean

Если я войду Dupont в первом вводе автозаполнения я хочу предложить второе автозаполнение Oliver а также Francois, не Jean!

Это мой код HTML:

<form action="../../controler/add/addUserDevice.php" onsubmit="return verifUserDevice(this)" method="post">
<table>
<tr>
<td>Last Name</td>
<td><input type="text" class="userLastName" name="userLastName"/></td>
</tr>
<tr>
<td>First Name</td>
<td><input type="text" class="userFirstName" name="userFirstName" /</td>
</tr>
<tr>
<td colspan="3"><input class="buttonIndex" type="submit" value="Create" /></td>
</tr>
</table>

И мой PHP-код для второго автозаполнения

<?php
include('../../model/connexion_sql.php');

if ((include_once '../../model/connexion_sql.php') === FALSE)
exit('erreur include');

if (isset($_GET['term'])) {
$connection = new Connection;
$connection->connection();
$conn    = $connection->getConnection();
$requete = $conn->prepare('SELECT userFirstName FROM user WHERE userFirstName LIKE :term');
$requete->execute(array('term' => $_GET['term'] . '%'));
$array = array();
while ($donnee = $requete->fetch()) {
$array[] = $donnee['userFirstName'];
}
echo json_encode($array);
}
?>

и мой JavaScript:

$(function(){
$(".userFirstName").autocomplete({
source: '../../model/autocomplete/userFirstName.php',
minLength: 1
});
});