Javascript-форум - Непрочитанные сообщения в системе переписки

Есть база сообщений такой структуры:
Сообщение

Пользователи

На странице они отображаются в виде кнопок с CSS

Код:

<div id="recipient_list">

                 <? php

                 $ query = mysql_query ("SELECT username FROM users");

                 while (list ($ username) = mysql_fetch_row ($ query))

                     if ($ username! = $ _SESSION ['username'])

                         echo "<input type=submit name='recipient' class='magic_button_blue_left' value='$username' /> <br>". PHP_EOL;

                 ?>

                 </ div>

Отображается хорошо, работает все правильно, вот только теперь нужно прикрепить к этому количество непрочитанных сообщений к каждому пользователю.
Как это сделать с помощью jQuery?

Примерно должно получиться что-то на подобии этого:

Или первый (+10), или второй (+3) вариант или еще как-то.

Я сделал так:

Код:

function reflash_new_message () {

     var current_user = document.getElementById ('author'). value;

     $. ajax ({

         url: 'get_recipient_list.php',

         type: 'POST',

         cache: 'false',

         data: {

                         current_user: current_user

                     }

         success: function (html) {

             console.log (html)

         }

     });

};

Код get_recipient_list.php:

Код:

<? php

$ current_user = $ _POST ['current_user'];



include 'connect.php';

$ query = mysql_query ("SELECT username FROM users");

while (list ($ username) = mysql_fetch_array ($ query))

     if ($ username! = $ current_user)

         echo $ username. "\ n";

?>

Это позволяет вывести только всех пользователей, кроме пользователя сессии.
Как сгруппировать непрочитанные сообщения для каждой переписки и вывести их количество у названия собеседника, так как на третьем рисунке?

Спасибо.