pagination-ajax-jquery-fetch-html

<script type='text/javascript'>
    $(document).ready(function() {

        function PaginationAjax()
        {
            $('#pagination').on('click','a',function(e){
                e.preventDefault(); 
                var href = $(this).attr('href');

                $.ajax({
                    url: href,
                    type: 'POST',
                    dataType: 'JSON',
                    success: function(data) {
                        // change title
                        var newTitle = $(output).filter('title').text();
                        document.title = data.title;

                        // change url history
                        history.pushState({}, newTitle ,href);

                        // refresh data
                        $('#container-product').html($('#container-product', $(output).wrap("<div/>")).html());

                        // go to top
                        $('html, body').animate({ scrollTop: 0 }, 300);

                        // re-init javascript for new DOM 
                        PaginationAjax();
                    }
                });

            });
        }

        // init for first DOM
        PaginationAjax();        

    });
</script>