مشكلة في كود جافا سكربت

اعمل في تطبيق بواسطة الجافا سكربت والهتمل يعمل التطبيق على سحب الفئات من موقع خارجي بأستخدام الأجاكس ويستلم ملف Json من الموقع الخارجي ويقوم بعرضه في الصفحة يوجد في ملف ال json حانة رقم المفتاح الخاصة بالفئة أود أن يتم سحب الكتب الخاصة بفئة محدد عن الضغط على أسم الفئة .

هذا هو الكود :-

                      $(document).ready(function () {

 var output = $('#placeList');
$.ajax({

url: ' http://example.com/book/sho... ', dataType: 'jsonp', jsonp: 'jsoncallback', timeout: 5000, success: function(data, status){ var setid=[]; var place=[]; $.each(data, function(i,item){ setid=[item.caid] ;
var place = ''+item.catname+ '';

           output.append(place);

        });

    }
});

function getcategery(cataid ){ $(".new").click(function (){

$.ajax({ url: ' http://example.com/book/cat...

dataType: 'jsonp', jsonp: 'jsoncallback', timeout: 5000, success: function(data, status){

$.each(data, function(i,item){

var cate = ''+ item.bookname +' ' ;
output.append(cate );
});

},

error: function (){ output.text('There was an error loading the data .');
} });

});
}
});