Как исправить Cat Clicker, который должен только суммировать щелчок на изображении, но суммирует также имена

Question

Итак, моя программа должна суммировать только количество кликов на изображении и показывать его. Но он также получает количество кликов, когда я нажимаю на имя кота (который меняет страницу и показывает выбранного кота). Пример: я нажимаю 5 имен в списке, затем нажимаю на изображение, и оно дает мне номер 5 ...

Ссылка на проект: https://github.com/Kalmovic/Udacity/tree/master/Project_Cat_Clicker_Premium

строки 16-31 main.js:

for (var i = 0; i < cats.length; i++){

    var cat = cats[i];
    $catname.append('<li id="cat'+ i +'">'+ cat.name +'</li>');
    $('#cat'+i).click((function(catCopy){
        return function() {
            $selectedCat.text(catCopy.name);        // prints cats name
            $clicks.text(parseInt(catCopy.count)); // show the initial sum = 0
            $pic.attr("src", catCopy.image);      // displays the image
            $pic.click(function(e){
                catCopy.count = $clicks.text();
                $clicks.text(parseInt(catCopy.count)+1); // increment when click the image
                return catCopy.count;
            });
        };
    })(cat));
}