How to jQuery fade in() fade out() a text in a div in wordpress

How to jQuery fade in() fade out() a text in a div in wordpress

Im trying to create two buttons so I can fade in() and fade out() my
wordpress menu using a id or a class, but Its not working... In the
example bellow Im trying to use a id.
$(document).ready(function(){
$(".btn1").click(function(){
$("#menu_jquery").fadeOut();
});
$(".btn2").click(function(){
$("#menu_jquery").fadeIn();
});
});
<button class="btn1">Hide Menu</button>
<button class="btn2">Show Menu</button>
<div id="menu_jquery">
<?php #wp_page_menu( 'sort_column=menu_order' ); ?>
</div>