jquery - 从 AJAX 数据中隔离元素

Question

我正在尝试从 AJAX 调用中提取一个元素（或者更确切地说是它的子元素），但很难将其隔离。我的代码如下：

function AJAXcomplete(data){
    var result = $(data).find('#productDetails > *');
    jQ('#productDetails').append(result);
};

function getDetails(e){
    e.preventDefault();
    var addy = jQ(this).attr("href");
    jQ('body').append('<div id="productDetails"></div>');
    jQ('#productDetails').show();
    $.get(addy, AJAXcomplete);
};

jQ('#slides').on('click', '.slideLink', getDetails);

上面应该存储来自 AJAX 调用的孩子#productDetails，并将它们附加到新创建的具有相同 id 的 div 中。

我可以成功检索整个 AJAX 数据并附加（经过测试），但我无法获得我想要的元素 - 没有选择任何内容。我究竟做错了什么？