Add value to tag <a> <i> < u> như thế nào trong js, javascript html

Mình có các thẻ tag <a> <i> < u>, mình đổi dữ liệu cho nó hoài mà không được. Bạn nào biết cách đổi add mới các tag thẻ này như thế nào trong ja js, javascript html thì giúp mình với.
Code của mình:

Mã:

<a class="cs-rvthanks" href="javascript:void(0)" onclick="fnlike(this);">
   <i class="fa fa-thumbs-up"></i>
   <u class="vote">0</u>
</a>
<script>
function fnlike(element) {
$(element).(".vote").val(1);
$(element).(".fa-thumbs-up").css("display", "none");
}
</script>

Mình muốn đổi thành mỗi lần click vô thẻ <a sẽ đổi dữ liệu ở các thẻ i và u thành như sau, và xóa cái onlick đi, không cho click vô đó nữa.

Mã:

<a class="cs-rvthanks" href="javascript:void(0)" onclick="">
   <i class="fa fa-thumbs-up" style="display: none;"></i>
   <u class="cs-votetk">1</u>
</a>