Отправка электронной почты по щелчку текстового элемента

Question

Мне нужно создать текстовый элемент, который будет генерировать электронное письмо администратору при клике.

Я искал различные решения и придумал следующий код, который я скомпилировал из различных битов, найденных в stackoverflow.

Я не знаю php, javascript, jquery, просто html.

JQuery, который я поставил перед </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
 $(document).ready(function(){
 $('.clicked').click(function() { 
        $.ajax({
            type: "POST",
            url: "/mail.php",
            success: function(){
            $('.clicked').fadeIn(1000);
            }
        });

        return false;
    });
});
 </script>

PHP, который я положил в mail.php, который находится в public_html

 <?php
if($_POST)
{
    $to      = 'mail@mail.com';
    $subject = 'subject';
    $message = 'hello';
    $headers = 'From: webmaster@example.com' . "\r\n" .
        'Reply-To: webmaster@example.com' . "\r\n" .
        'X-Mailer: PHP/' . phpversion();

    mail($to, $subject, $message, $headers);

    echo 'Email Sent.';
}
 ?>

HTML

<span class="clicked">TEST</span>

Ничего не происходит.