Problème avec ajax sur CakePHP

Bonjour,

j'ai un problème avec ajax :(

j'ai une vue before_subscribe.ctp qui contient une div et un lien le voici :

<div class="beforeIns">
    <div class="insElem well">
        <p>
            Pas encore inscris à Esprit ?<br>
            Fait le dès aujourd'hui !
        </p>
        <?php
         <strong>echo $this->Html->link("Créer votre dossier d'admission", array('action' => 'info_subscribe'), array('class' => 'btn btn-info create'));</strong>
        ?>
    </div>
</div>

et voici mon script main.js :

$(document).ready(function() {
    $('.create').on('click', function (e){
        e.preventDefault();
        $.get($(this).attr('href'), {}, function(data){
            $('.beforeIns').empty().append(data); 
        });
        return false;
    });
    $('.prec').on('click', function (e){
        e.preventDefault();
        $.get($(this).attr('href'), {}, function(data){
            $('.beforeIns').empty().append(data); 
        });
        return false;
    });
});

mon problème c'est que quand je clique sur le lien d'id ajax dans la vue before_subscribe.ctp le contenu de la div change et il m'affiche la vue info_subscribe mais le 2 ème sélecteur $('#prec') ne marche pas voici la vue qui contient ce lien :

<?php 
echo $this->Html->link("Précédent", array('action' => 'info_subscribe'), array('class' => 'btn btn-success prec'));
?>

pouver vous m'aider à résoudre le problème merci :)

NB : j'ai essayer avec live() mais ca ne marche pas pour les deux et avec on() seulement le 1er