не заходит в case
 

Здраствуйте, есть следующий код:

<script type="text/javascript">
$(document).ready(function(){
    var number = 5; //количество постов
    var offset = 10; //смещение постов
    var page_number = 2; //номер страницы
    var cat = [ '21,30,23,41', '16,18,36','33,39,31,26,412','82,10,12,5,11,35,368,416' ];
    var busy = false;

        $(window).bind('scroll', function(e) {
            if($(window).scrollTop() + $(window).height() > $(document).height() - 450 && !busy) {
	for (i = 0; i < 4; i++) {
		busy = true;
		$.post('<?php bloginfo('siteurl') ?>/wp-admin/admin-ajax.php', 
				{
					action: 'and_action',
                    off: offset+number,
		    		category: cat[i],
                    pagenumber: page_number
                }, 
				function(data) {
					if(data == "") {
                    	//больше нет постов
                    } else {
                    	offset = offset+number;
						switch (i){
   							case 0: $('#col1').append(data); break;
  							case 1: $('#col2').append(data); break;
   							case 2: $('#col3').append(data); break;
   							case 3: $('#col4').append(data); break;
						}
                        busy = false;
                        page_number += 1;
                      }
                }
			  );
	}
            }
        });
});
</script>

Если дебажить firebug ом, то все отлично, в зависимости от i ответ от скрипта вставляется в нужное место, а если просто смотреть страницу и прокрутить её вниз, то ответ вообще никуда не вставляется, хотя ответы от скрипта получаются. В чем тут может быть трабл?
З.Ы пытался вместо switch использовать $('#col'+(i+1)).append(data); результат тот-же.