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:
Ver originalNombre 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
:
Ver original<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??