Hide Title tag on image Hover

I would like to hide the image title tag when hovering an image as they aren’t needed on my website.
I have tried this code below and added it above the closing </head> in header.php but it doesn’t work.

I don’t have to download a plugin to achieve this.
The title tag doesn’t have an impact on SEO so there shouldn’t be an issue with hiding it.

Would someone be able to tell me why my script isn’t working and what I can do to make it work please?

This is the code I have tried in my header.php above the closing </head>

<script>
jQuery(document).ready(function($) {
    $('img').hover(function()
    { $(this).removeAttr('title'); });
});
</script>