Q:

jQuery surrounded elements are not working inside div loaded via jQuery-AJAX

jQuery(function($) {
    $('#content').on('click', '.pgr a', function(e){
        e.preventDefault();
        var link = $(this).attr('href');
        $('#view').fadeOut(500, function(){
            $(this).load(link + ' #view', function() {
                $(this).fadeIn(500);

            });
        });
    });
});

I am using the above code at my site http://saveongolf.net/store/category/golf-clubs-all-/ to make pagination with ajax.
The problem is that after loading of next page there is a button "Add to wish" which is not working, and also buy button attached with a JavaScript redirection which is not working after jQuery load.

A:

After loading of next page you have to attach events on non-working (in your case) buttons, to make them work again.
Attach your events again:
jQuery(function($) {
    $('#content').on('click', '.pgr a', function(e){
        e.preventDefault();
        var link = $(this).attr('href');
        $('#view').fadeOut(500, function(){
            $(this).load(link + ' #view', function() {
// HERE HERE HERE HERE HERE HERE HERE HERE HERE HERE HERE HERE
                $(this).fadeIn(500);

            });
        });
    });
});

