comment active une classe onclick élément de la liste

Je suis confronté à un problème dont je veux ajouter une classe onclick signifie que le clique sur ajouter une classe.
voir mon image
comment active une classe onclick élément de la liste

je fais cela par jquery:

$(function() {

$('.box li').click(function(){
    $('.box li').removeClass('submenu-active');

    $(this).addClass('submenu-active');

});

});

et mon css est:

.aside ul li.submenu-active a {background-color:#df0000; color:#fff;}

et mon sous-menu code est:

<ul class="box">
                <li class="submenu-active"><a href="create_financial_year.php">Create Financial Year</a></li>
                <li ><a href="select_financial_year.php">Select Financial Year</a></li>
                <li><a href="account_master.php">Account Master</a></li>
                <li><a href="bank_account_master.php">Bank Account Master</a></li> <!-- Active -->                  
                <li><a href="subscription_master.php">Subscription Master</a></li>
                <li><a href="subscription_fee_master.php">Subscription Fee Master</a></li>
                <li><a href="member_master.php">Member Master</a></li>                
                <li><a href="membership_suspension.php">Membership Suspension</a></li>
            </ul>

j'ai vraiment passé de nombreuses heures, mais n'a pas cette...par ce qu'il fonctionne mais quand je quitte cliquez sur onmouse ensuite ajoutés à la classe a obtenu supprimer...
toute suggestion serait très sensible...thanxxx

la partie en gras n'est pas vraiment clair... pourriez-vous reformuler le problème auquel vous êtes confrontés?
je veux que lorsque je clique sur un élément de liste puis la couleur d'arrière-plan de l'élément de la liste doit être rouge.....

OriginalL'auteur Amy | 2013-07-18