Помогите дополнить скрипт

Здраствуйте. Помогите дополнить скрипт:

Код (Javascript):

1. <script>
2. $(document).ready(function(){
3.  
4. var d = document,
5. avatarmenu = d.querySelector('.avatarmenu');
6.  
7. $('.avatar').click(function(){
8.         avatarmenu.classList.add('visible');
9.     });
10. });  
11. </script>

Нужно сделать так, чтобы при клике вне блоков avatar и avatarmenu клас visible для avatarmenu пропадал. Буду очень благодареню

 

Сделал (может кому пригодится):

Код (Javascript):

1. <script>
2. $(document).ready(function(){
3.  
4. $('.avatar').click(function(){
5.                      $('.avatarmenu').addClass("visible");
6.     });
7. });  
8.  
9. $(document).mouseup(function (e) {
10.     var container = $(".avatarmenu");
11.     if (container.has(e.target).length === 0){
12.                      $('.avatarmenu').removeClass("visible");
13.     }
14. });
15.  
16. </script>