저 이소스에 카운터 숫자를 나타나게 할려면 어떻게 해야 할까요...?

안녕하세요 ㅎㅎㅎ

오늘 추천 비추천을 적용 할려고 하는되요 

<ul id="btn_vote">
<li class="vote_up"><a href="#"
<!--@if(!$is_logged)-->
onclick="javascript:alert('로그인 후 이용하실 수 있습니다');
return false;"
<!--@else-->
onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}'); return false;"
<!--@end-->
 title="추천합니다" ><span>{$lang->cmd_vote}</span></a></li>

<li class="vote_down"><a href="#"
<!--@if(!$is_logged)-->
onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"
<!--@else-->
onclick="doCallModuleAction('document','procDocumentVoteDown','{$document_srl}'); return false;"
<!--@end-->
 title="비추천합니다" ><span>{$lang->cmd_vote_down}</span></a></li>
</ul>    

이 소스 대로 적용하면 적용은 됩니다 

하지만 카운터가 출력이 안되는군요 

어떻게 해야 가능 할까요...?

그리고 새로고침이 이루어지는 소스 같은되요 

새로고침 없이 가능 할려면 어떻게 해야 할까요...

저는 이것을 참고 하였습니다 

https://xe1.xpressengine.com/index.php?mid=tip&search_target=title_content&search_keyword=%EC%B6%94%EC%B2%9C&page=2&document_srl=19292129