AddClass if mouse hover and removeClass if user mouseleave

actionhover.js

$(".action-a").mouseenter(function(){
        $(this).addClass('action-hover');
     }) ;
     $(".dropdown").mouseleave(function(){
        $(".action-a").removeClass('action-hover');
     }); 

demo.html

<ul class="nav user_action">
    <li class="dropdown">
        <a class="action-a" href="#">Manage</a>
        <ul class="dropdown-menu sub-list">
            <li><a class="link-action" href="#">profile</a></li>
            <li><a class="link-action" href="#">All Notification</a></li>
            <li><a class="link-action" href="#">Manage</a></li>
        </ul>
    </li>
</ul>
<!-- Demo :http://jsbin.com/ocubit/3 -->