Trying to add jquery ripple effect

I am trying to add the jquery ripple effect to a restaurant page I am doing however it isn’t cooperating, I’m not getting any errors as far everything else working, however the effect isn’t showing up.

$(document).ready(function() {

    $("#header, .info").ripples({
        dropRadius: 25,
        perturbance: 0.6,
        
      });

});

Make sure that you have included the jQuery library and the jQuery Ripples plugin script in your HTML file before the code you provided.