Goes straight to catch without throwing any errors

[FranCoulibaly]

HTML
div class=" bg-image"></div> <div class="error"></div>

JS
$(document).ready(function() { try { $('.bg-image').ripples({ resolution: 256, interactive: true, perturbance: 0.04, }); } catch (e) { $('.error').show().text(e); console.log("error"); } });

CSS
.bg-image { height: 100%; background-image: url("../img/october-trix.jpg"); background-size: cover; }

Can anyone help? Its driving me insane!