How To Add Custom Jquery to Enfold Theme

Hello,

I am trying to add my own customer jquery and have tried it in numerous locations in the theme files and nothing has seemed to initiate them

What file and where could I place custom jquery to where it will be initiated and run on load?

I am trying to add this

$(document).ready(function() {
$(“#nav1”).click(function() {
$(‘html,body’).animate({
scrollTop: $(“#why”).offset().top},’slow’);
});

$(“#nav2”).click(function() {
$(‘html,body’).animate({
scrollTop: $(“#why2”).offset().top},’slow’);
});

$(“#nav3”).click(function() {

$(‘html,body’).animate({
scrollTop: $(“#product”).offset().top},’slow’);
});

$(“#nav4”).click(function() {
$(‘html,body’).animate({
scrollTop: $(“#how”).offset().top},’slow’);
});

$(“#nav5”).click(function() {
$(‘html,body’).animate({
scrollTop: $(“#contact”).offset().top},’slow’);
});
});