Correct Menu Hamburger Animation

I need help in the animation of my hamburger menu, when we click on the menu the animation is executed well, but it is also activated by clicking anywhere in the document HELP!

<a href="https://gyazo.com/b9990a79cdfa722aa3feb6eea3e0228b">
<img src="https://i.gyazo.com/b9990a79cdfa722aa3feb6eea3e0228b.gif" 
     alt="https://gyazo.com/b9990a79cdfa722aa3feb6eea3e0228b" width="310"/></a>

jQuery code:

//Hamburguer Menu Animacion
  $(document).ready("#navbar").click(function() {
    $('.navbar-toggle').toggleClass('activate');
});

Corrected Code:

$(document).ready(function(){ $('.navbar-toggle').click(function(){ $(this).toggleClass('activate'); }); });