Error con ajax y un while de php

[villagran_gg]

Saludos, tengo el siguiente problema con un sistema de votos al usar ajax. Con un while de php escupo una lista de nombres de pelicula y alado una manita de me gusta con un while. El problema es que solo puedo votar por el primer elemento ya que el script ajax solo se aplica a ese y a los otros ya no. este es mi codigo.

Código PHP:

Nombre de la peli 
<form id='vot' method='post' enctype='multipart/form-data'>
    <input type='hidden' name='v_n' value='$id_de_la_peli'>
    <a href='#' value='enviar' id='btn-v' class='lnk'>
          <span class='glyphicon glyphicon-thumbs-up'></span> Me gusta
    </a>
    <spam id='m_v'>Aqui me muestra el mensaje que sale del ajax<spam>
</form>
 

Código Javascript:

<script>
            $(function(){
                $("#btn-v").click(function(e){
                    var url="../scripts/recomend/registrar_votorec.php";
                    $.ajax({
                        type:"POST",
                        url:url,
                        data:$("#vot").serialize(),
 
                        success:function(data){
                            $("#m_v").html(data);
                
                        }
 
                    });
 
                    return false;
                });
            });
        </script>
 

Lo anterior es mi script de ajax que registra si a la manita se le hace clic.

Mi problema radica en que el scrip de ajax solo se aplica al primer elemento que sale del while, digamos si tengo una lista de 5 peliculas solo puedo votar por la primera, porque a las otras 4 ya no les funciona el script. Hay alguna funcion en jquery que me pudiera ayudar??

[hechicerd0]

La respuesta a tu error es la siguiente:

$("#btn-v");

Ahí estás indicando un ID por lo que solo funcionará en 1, lo que tienes que hacer es crear una clase comuna para todos, por ejemplo: class="botonparapuntuar" y luego en el ajax coges esa clase.

$(function(){
$(".botonparapuntuar").click(function(e){

Saludos.