Question

http://jsfiddle.net/yTkTd/

Another function with a class works perfectly, but this one seems to be giving me trouble. No console errors or anything, it just won’t trigger.

EDIT: NEW JSFIDDLE http://jsfiddle.net/yTkTd/9/

Answer 1

Place a .delegate() handler on #showList so it will process the clicks for the dynamically created .show elements.

Here’s your updated example: http://jsfiddle.net/yTkTd/11/

$('#showList').delegate('.show', 'click', function() {
    showID = $(this).attr("id");
    $(".show").fadeOut("slow");
    $(this).fadeIn("slow");
    $.getJSON('https://api.phish.net/api.js?api=2.0&method=pnet.shows.setlists.get&format=json&apikey=A9E68C2561D7442F041C&callback=?&showid='+showID, function pnet3setlist(data) {
        $('#showList').append("<div>");
        for (i = 0; i < data.length; i++) {
            var n = data[i];
            $('#setList').append("<a class='show' href='#' id='setlist"+n['showid']+"'>"+n['setlistdata']+"</a>");
        }
        $('#showList').append("</div>");
    });
});