jQuery - элементы создания событий onClick исчезают?

Question

Я пытаюсь изучить основы jQuery и протестировать на одном из моих сайтов, я хотел добавить функциональность, чтобы onClick изменил внутренний текст и href гиперссылки, моя проблема заключается в том, что когда я нажимаю на событие onClick, происходят изменения, но кнопки onClick и href, которые я пытался изменить, исчезают, но работает моя .html-функция?

HTML для OnClick -

<div class="container" style="margin-top: -20px;"> 
    <div class="gamesdesc"> 
     <h4 id="gquote" style="padding: 5px 5px 5px 5px;">test<br><br> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" onClick="$('#my_div').cod4();" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" onClick="$('#my_div').csgo();" data-slide-to="1" class="active"></li> 
     <li data-target="#myCarousel" onClick="$('#my_div').tf2();" data-slide-to="2" class="active"></li> 
    </ol> 
    <a id="glinks" href=""><btn class="btn btn-warning">Test</btn></a></h4> 

JQuery -

(function ($) { 
    $.fn.cod4 = function() { 
     $("#gquote").html("Test"); 
     $("glinks").attr("href", "cod4"); 
    }; 
})(jQuery); 

(function ($) { 
    $.fn.tf2 = function() { 
     $("#gquote").html("Test"); 
     $("glinks").attr("href", "csgo"); 
    }; 
})(jQuery); 

(function ($) { 
    $.fn.csgo = function() { 
     $("#gquote").html("Test"); 
     $("glinks").attr("href", "tf2"); 
    }; 
})(jQuery); 

Answer 1

Это делает элемент disapper, потому что вы изменяете HTML из gquote который является h4, что содержащий все кнопок. что все внутри gquote исчезает, и теперь он содержит текст Test. либо используйте .append() вместо html() или измените html другого элемента.

и FYI вы забыли # на $("glinks")