Question

Here I have the page already loaded… it hides until clicked. Once clicked the external page is triggered, opens and displayed dynamic content.

The problem is it’s grabbing too much of the page… I only need the contents of 1 div… not the whole page…

help please… here’s the code..

(function($){ 
    $.am_get_item = function (item_id, size_id){
        $.ajax({ url: "/order/item/" + item_id + "/" + size_id, success: function(data){
            $(".item_form").hide();
            $("#form_" + item_id).html(data);
            /* $("#form_" + item_id).load("/order/item/" + item_id + "/" + size_id + "#show_item"); */
            $("#form_" + item_id).slideDown("slow");
            $("input#form1").keyup(function () {var value = $(this).val();$("div#ok").text(value);}).keyup();
        }});        
    }
})(jQuery);

Answer 1

$("#form_" + item_id).each(function() {
   $(this).html(data);
   var div = $(this).find("div_i_want_selector").clone();
   $(this).empty().append(div);
   $(this).slideDown("slow");
});