Пытаюсь сделать кнопку Like. Использую ajax запрос. Но только самая верхняя кнопка лайка работает, другие не реагируют. Код:
{% extends 'main.html'%}
{% load staticfiles %}
{% block polls %}
<div class="large-8 columns">
{% for poll in polls %}
<h6>{{ poll.pub_date }}</h6>
<h4><a href="/{{poll.id}}/"> {{ poll.question }}</a></h4>
<div align="right">
<button id="like" data-id="{{ poll.id }}" class="button tiny">
<b id="like_count"> {{ poll.likes }}</b>
</button>
</div>
<hr>
{% endfor %}
</div>
ajax запрос:
$(document).ready(function() {
$('#like').click(function(){
var catid;
catid = $(this).attr("data-id");
$.get('http://127.0.0.1:8000/addlike/', {id: catid}, function(data){
$('#like_count').html(data)
$('#likes').hide();
});
});
});