Метод jQuery onclick не работает дважды

Question

У меня есть 2 метода onclick.Первый работает нормально, но второй не работает, если я нажимаю первый, мне нужно обновить страницу для запуска.Даже если я это сделаю, это сработает только один раз.

    $(document).ready(function(){
    $(".cart_add").on('click','.add_cart',function(){
        var product_id = $(this).data("productid");
        var size = $('ul#size').find('li.active a').data('value');
        var qty = $('.qty-input').val();
        var price = $('.special-price').data('price');
        var name = $('h1.product-name').text();
        var url = $(this).data("url");
        $.post(url,{product_id:product_id,product_size:size,product_name:name,product_price:price,product_qty:qty},function(response){
            $(".variant-1").html(response);
        });
    });

    $(".secondary").on('click','.delete',function(){
        var product_id = $(this).data("id");
        var url = $(this).data("url");
        $.post(url,{product_id:product_id},function(response){
            $(".variant-1").html(response);
        });
    });
})

Answer 1

$("#CheckClick").click(function(){
    alert("The paragraph was clicked.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn btn-success" id="CheckClick">button</button>

Возьмите ID вместо класса, проверьте в стороне свой код или возьмите свой скрипт внутри функции и вызовите его по нажатию кнопки

function myFunction(){
   alert("it's work well")
}

<input id="clickMe" type="button" value="clickme" onclick="myFunction();" />