click ajax aucun effet

j'ai fait un lien en ajax jquery mais celui ci ne fonctionne pas pourtant toutes les autres fonctionne sans soucis
pour mes testes ça devrais juste m'afficher un peu de texte

<script>
$(document).ready(function() {
  $("body").on('click', '.afficher_recu',function(event) {
  event.preventDefault();
    var url = $(this).prop('href');
    $("#maile").load(url);

  });
});

$(document).ready(function() {
  $("body").on('click', '.afficher_envoye',function(event) {
  event.preventDefault();
    var url = $(this).prop('href');
    $("#maile").load(url);

  });
});

$(document).ready(function() {
  $("body").on('click', '.messages_recu',function(event) {
  event.preventDefault();
    var url = $(this).prop('href');
    $("#maile").load(url);

  });
});

$(document).ready(function() {
  $("body").on('click', '.messages_envoye',function(event) {
  event.preventDefault();
    var url = $(this).prop('href');
    $("#maile").load(url);

  });
});

$(document).ready(function (e) {
    $('#maile').on('submit', '#maile_precedent, #maile_suivant, #delete_maile', function(e) {
        e.preventDefault();
        var $form = $(this);
        $.ajax({
            url: '/messagerie/envoye.php',
            method: 'GET',
            dataType: 'html',
            data: $form.serialize()
        }).then(function (data) {
            $('#maile').html(data);
        }).catch(function (error) {
            console.log(error);
        });
    });
});

$(document).ready(function (e) {
    $('#maile').on('submit', '#mailr_precedent, #mailr_suivant, #delete_mailr', function(e) {
        e.preventDefault();
        var $form = $(this);
        $.ajax({
            url: '/messagerie/recu.php',
            method: 'GET',
            dataType: 'html',
            data: $form.serialize()
        }).then(function (data) {
            $('#maile').html(data);
        }).catch(function (error) {
            console.log(error);
        });
    });
});

$(document).ready(function (e) {
    $("#delete_maile").on('submit',(function(e) {

        e.preventDefault();
        $.ajax({
            url: "/messagerie/envoye.php",
            type: "POST",
            data:  new FormData(this),
            contentType: false,
            processData:false,
            success: function(data)
            {
            $("#maile").html(data);
            },
            error: function() 
            {
                console.log(error);
                alert(error);

            }, 
            complete : function(resultat, statut)
            {
            }

       });
    }));
});

$(document).ready(function (e) {
    $("#delete_mailr").on('submit',(function(e) {

        e.preventDefault();
        $.ajax({
            url: "/messagerie/recu.php",
            type: "POST",
            data:  new FormData(this),
            contentType: false,
            processData:false,
            success: function(data)
            {
            $("#maile").html(data);
            },
            error: function() 
            {
                console.log(error);
                alert(error);

            }, 
            complete : function(resultat, statut)
            {
            }

       });
    }));
});

</script>

<!-- Begin of #affiliation  -->
<div id="messages" class="invert">
<h1>Ma messagerie</h1>

        <div class="container"> 
          <div class="messagerie">
            <ul>
              <li>
                <a class="messages_recu" href="/messagerie/recu.php">Messages reçus</a>
            </li>
              <li>
                <a class="messages_envoye" href="/messagerie/envoye.php" >Messages envoyés</a>
              </li>
            </ul>
            <div id="messagerie-1">

            <div id="maile"><?php include "".$_SERVER['DOCUMENT_ROOT']."/messagerie/recu.php"; ?></div>

            </div>
          </div> 
        </div>

</div>
<!-- End of #Affiliation  -->

voici mon lien:

                <div class="<?php echo $class; ?> afficher_recu">
            <ul>
            <a class="messagerie" href="/messagerie/afficher.php?id=<?php echo $data_mail_envoie['id']; ?>">
            <li class="pseudo"><div class="<?php echo $lu; ?>"><?php echo $data_mail_envoie['dest']; ?></div></li>
            <li class="sujet"><div class="<?php echo $lu; ?>"><?php echo $data_mail_envoie['sujet']; ?></div></li>
            <li class="date"><div class="<?php echo $lu; ?>"><?php echo $data_mail_envoie['date']; ?></div></li>
            <li class="action"><input name="pseudo[]" type="checkbox" id="check" value="<?php echo $data_mail_envoie['id']; ?>"></li>
            </a>
            </ul>
            </div>

mais le clic n'as aucun effet pourtant la page est bien accessible et aucune erreur