copy html div in javascript variable using jquery

Question

in my aspx page i have a div which contains simple html ,has some id(say 'datadiv')

using jquery i want to get the html of that div (entire div) into a JavaScript variable

how can it be done?

thank you.

Answer 1

var someVar = $("#somediv").html();

Answer 2

If you want the equivalent of Internet Explorer's outerHTML to retrieve both the div and it's contents then the function from this page that extends JQuery should help:#

jQuery.fn.outerHTML = function() {
    return $('<div>').append( this.eq(0).clone() ).html();
};

Then call:

var html = $('#datadiv').outerHTML();