added responsive menu

javascript unable to work

<script>
$(document).ready(function() {
    var pull        = $('#pull');
    var  menu        = $('#sidebar-nav');
    console.log("asd");

    $("#pull").click(function() {
    $('#sidebar-nav').slideToggle();
      console.log("asd");
    });

});

</script>

at footer
added pull