Usando o this com ajax

Bom dia, tenho essa função que envia votos, como na página me traz mais de um resultado... estou tentando usar o this no beforeSend e no success, para fazer as alterações somente naquele resultado.

HTML

<ul class="list-inline pull-right likes" style="margin: 0">
 <li>
 <a href="#" name="up" class="like" id="{id_top}">
 <span class="glyphicon glyphicon-hand-up"></span> {up}
 </a>
 </li>

 <li>
 <a href="#" name="down" class="like" id="{id_top}">
 <span class="glyphicon glyphicon-hand-down"></span> {down}
 </a>
 </li>
</ul>

JS

$('a.like').click(function(){

 var name = $(this).attr('name');
 var id_top = $(this).attr('id');

 if(name == 'up'){
 //Like up
 $.ajax({
 url: ''+baseurl+'topicos/up',
 type: 'post',
 data: { id_top: id_top },
 beforeSend: function(){
 $(this).find("[name=up]").html('<img src="'+baseurl+'assets/img/like.gif" align="absmiddle">');
 },
 success: function(){
 $.ajax({
 url: ''+baseurl+'services/top_page',
 type: 'post',
 data: { id_top: id_top },
 success: function(data){
 $(data).each(function(index){
 $(this).find("[name=up]").html('<span class="glyphicon glyphicon-hand-up"></span> '+this.concordar+'');
 })
 }
 })
 }
 })

 } else ...

O voto até é enviado, mas na página não acontece nada... Se alguém conseguir ver se tem algo errada. Obrigado!