按钮就像在Django-获得喜欢只为第一篇文章

Question

我正在尝试使用Django，jquery和Ajax在我的Html中实现类似按钮。我认为它运作良好，但后来意识到喜欢只会在第一篇文章中增加。这是HTML页面

<div class="col-sm-10 col-sm-offset-1">
    {% for it in lists %}
        <div class="row">
          <div class="col-sm-12">
            <div class="thumbnail">
              {% if lt.image%}
              <!img src="{{ lt.image.url }}" class="img-responsive">
              {% endif %}
              <img src="{{ lt.image.url }}" alt="...">
              <div class="caption">
                <h3><a href="{% url 'posts:detail' lt.id %}">{{ lt.title}}</a><small>  {{ lt.timestamp|timesince }} ago</small></h3>
                <p>{{ lt.content|linebreaks|truncatechars:120 }}</p>
                <p><a href="{% url 'posts:detail' lt.id %}" class="btn btn-primary" role="button">View</a></p>
                        <button id="likes" data-catid="{{ lt.id }}" class="btn btn-primary glyphicon glyphicon-thumbs-up" type="button">
                        Like {% if lt.likes > 0 %} {{lt.likes}} {% endif %}
                        </button>         
                </div>
            </div>
          </div>
    {% endfor %}
</div>

这是Jquery

$(document).ready(function(){
    $('#likes').click(function(event){
        alert("button")
        event.preventDefault();
        var element=$(this);
        $.ajax({
            url : '/posts/like_category/',
            type : 'GET',
            data : { category_id: element.attr("data-catid")},
            success : function(response){
                element.html(' ' + response)
            }
        });
    });

});

喜欢的内容仅针对第一篇帖子增加，我认为问题出在我的HTML页面上。请帮我解决这个问题。