How to get content of div which contains JavaScript script blocks?

Question

I have the following HTML

<div id="example">
  ...some text...
  <script type="text/javascript">
    ... some javascript...
  </script>
</div>

How to get content of #example but also with the JavaScript?

$("#example").html(),
$("#example").text(),     
$("#example").val()     

all don't work.

Answer 1

The html() method should work for you. Are you sure you are running the code after the DOM is completed?

$(document).ready(function(){
   alert($("#example").html());
});

Answer 2

Working Demo

You can use

html(): Get the html contents (innerHTML) of the first matched element.

var contents = $("#example").html();