Question

I am trying to do something like this:

 var data = $('#upTar').contents();
 $("#fileRes").html(data);

Where #upTar is an iframe and #fileRes is a div, that is I want all the data from iframe (in HTML format) into the div.
The iframe is dynamically loaded.

Edit
The additional code looks like:

    $("#addMore").click(function() {  
         $("#progForm").submit();  
         $('#upTar').load(function() {  
         $("#title, #obj, #theory, #code, #output, #conc").val("");  
         var data = $('#upTar').contents().find("body").html();  
         alert(data);    
         $("#fileRes").html(data);  
        });  
     });  

The target for form submit is an iframe (#upTar) on the same page. Once that one is loaded, I want its data to be transfered to div.

CLOSURE EDIT
Rather than trying to fetch the details from the iframe, I now call an ajax script to update the div.

Thanks All!

Answer 1

try $('#upTar').contents().find("body").html()

contents itself return top-level HTMLElement node, you have to grab HTML from this node too. and you possibly don’t want all the HTML including the head section, so first you need to find body tag.