removing text on double click

<!DOCTYPE html>
<html>
<head>
    <script src = "jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $("p").dblclick(function () {
                $(this).hide();

            });

        });
      </script>
</head>
<body>
<p>If you double-click on me i will disappear.</p>
<p>Me 2.</p>
<p>Dont forget me.</p>
</body>
</html>