I'm trying to disable a button with a specific id but it's not working 

```
$('.likes-button').click(function(){
    var el= this;
    var button1 = $(el).attr('id');
    console.log(button1)
    $('#button1').attr("disabled",true);
});

```

```
<div class="col-4">
    {% csrf_token%}
    <a> <button class=" btn btn-warning btn-dark likes-button "  data-id="{{ product.id}}" id="button1-{{ forloop.counter }}"   > <span class="oi oi-thumb-up"></span> <strong class="string">{{product.stringlike}}</strong> <strong class="target" >{{product.votes_total_like}}</strong> </button></a>
    <a> <button class=" btn btn-warning btn-dark dislike-button"  data-id="{{ product.id}}" id="button2-{{ forloop.counter }}"   ><span class="oi oi-thumb-down"></span> <strong class="distring">{{product.stringdislike}}</strong> <strong class="distarget" >{{product.votes_total_dislike}}</strong></button></a>
</div>

```

the console.log display the clicked button id = `button1-1`