Suppression avec Ajax ne fonctionne pas

je voudrais effectuer des suppressions grâce à ajax mais ça marche pas
voilà mon script JS

$(document).ready(function () {
    recupMessage();

    $('.update').submit(function () {
        var titre = $('.titre').val();
        var article = $('.article').val();

        $.post('send.php',{titre:titre,article:article},function (data) {

            $('.titre').val('');
             $('.article').val('');
             recupMessage();
        });
        return false;
    });

    function recupMessage() {
        $.post('recup.php',function (donnees) {
            $('.afficher').html(donnees).slideDown(3000);
        });
            setInterval(1000);
    }
    function supprimer() {
        $('.supprimer').on('click',function (e) {
            e.preventDefault();
            var $a = $(this);
            var $url = $a.attr('href');
            $.get('delete.php',function(posts){
                $('.post').fadeOut();
            });
        });
    }

});

je voudrais que les informations obtenu grace à la fonction recupMessage puisse etre supprimées sans que la page ne recharge

<div class="afficher"></div>

<br><br>
<form method="POST" class="update">
    <input type="text" name="titre" class="titre" placeholder="votre titre"><br><br>
    <textarea name="article" class="article">

    </textarea><br><br>
    <input type="submit" name="send" value="Envoyer">
</form>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="Script.js"></script>

voila la page où tout doit se passer.
l'envoie et la recupération marche deja mais la suppression non