jquery - Jqueryは、渡されたオブジェクト参照によって要素を操作します

Question

私はこのjqueryコードを持っています

$('.parent').livequery('change', function() {

        $(this).parent('.show_sub_categories').append('<img src="nlevel_ajax_dropdown/loader.gif" style="float:left; margin-top:7px;" id="loader" alt="" />');

        $.post("nlevel_chid_categories.php", {
            parent_id: $(this).val(),
        }, function(response){
            var ref = $(this).parent('.show_sub_categories');   
            setTimeout("finishAjax('show_sub_categories', '"+escape(response)+"','"+ref+"')", 400);
        });

        return false;
    });

});

function finishAjax(id, response,ref){
  $('#loader').remove();
  $(ref).append(unescape(response)); // and this is giving error 
} 

私が作りたいのは、ajaxの完了時にfinishAjax関数を呼び出し、イベントが発生した要素の親に結果を追加することです。そのため、その親のレファレンを取得しようとし、関数の呼び出しvar ref = $(this).parent('.show_sub_categories');と一緒に渡しましたが、これはjqueryをスローしていますエラー。finishAjaxsetTimeout

実際のエラー メッセージは次のとおりです。 Syntax error, unrecognized expression: [object Object]
(function(e,t){function _(e){var t=M[e...y",[],function(){return v})})(window);