Can't figure out what's going wrong with anchor tags

So, on this page: http://www.caliberprotoproject.com/dealers/

I have an SVG set up with anchor tags that correspond to different color sections below it.

However, the theme’s smooth scrolling doesn’t seem to work in conjunction with it.

I inserted this script into the code block (as well have tried calling it from a folder directory under my child theme) to no avail:

$(‘a’).click(function(){
$(‘html, body’).animate({
scrollTop: $( $.attr(this, ‘href’) ).offset().top
}, 500);
return false;
});

Any ideas?