Включить отключенные кнопки при нажатии div с помощью HTML, CSS, Jquery?

Я был бы признателен за любую помощь в решении проблемы с отключенной/включенной кнопкой, с которой я столкнулся. Я изучаю Jquery, поэтому решение этой проблемы будет для меня большим уроком. Я составил список пользователей, использующих классы div:

<div class = "userList">
    <div class = "user">Tom</div>
    <div class = "user">Ben</div>
    <div class = "user">George</div>
    <div class = "user">Tony</div>
</div>

Под списком пользователей у меня есть четыре кнопки:

<div class = "actions">
    <button id = "add" disabled = "disabled">Add</button>
    <button id = "block" disabled = "disabled">Block</button>
    <button id = "message" disabled = "disabled">Message</button>
    <button id = "exit">Exit</button>
</div>

Как видите, 3 из 4 кнопок по умолчанию отключены. Что я хочу сделать, так это щелкнуть пользователя, который выделит пользователя цветом фона и в то же время активирует 3 отключенные кнопки. Я также хотел бы настроить таргетинг на отдельные кнопки по идентификатору. Только имя пользователя, на которое я нажимаю, должно изменить цвет фона и вернуться к исходному цвету, как только я нажму на другое имя пользователя или за пределами div «userList».

Это полный HTML-код:

<div id = "wrapper">

    <div class = "userList">
        <div class = "user">Tom</div>
        <div class = "user">Ben</div>
        <div class = "user">George</div>
        <div class = "user">Tony</div>
    </div>

    <div class = "actions">
        <button id = "add" disabled = "disabled">Add</button>
        <button id = "block" disabled = "disabled">Block</button>
        <button id = "message" disabled = "disabled">Message</button>
        <button id = "exit">Exit</button>
    </div>

</div>

Это код CSS:

@charset "utf-8";
* {
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    }

#wrapper {
    width:300px;
    min-height:100px;
    background-color:#ddd;
    margin:0 auto;
    padding:20px;
    }

.userList {
    border:1px solid #aaa;
    padding:20px;
    margin-bottom:20px;
    }

.user {
    background:#eee;
    line-height:28px;
    border:1px solid #aaa;
    margin-bottom:5px;
    padding-left:10px;
    }
    .user:hover {
        background:#06F;
        color:#fff;
        border:1px solid #000;
        }

.actions {}

Я надеюсь, что кто-то может помочь мне с этим! Это многому научит меня и, надеюсь, многих других людей.