[rozmath]

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

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


На странице они отображаются в виде кнопок с 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";
?>

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

Спасибо.