Question

I have a div that contains some html and a lot of Javascript

<div id="mydiv">
<p>Hello Philippines</p> my first time in Philippines is nice
<script type="text/javascript">alert("how was it became nice?");</script>
well I experienced a lot of things
<script type="text/javascript">alert("and how about your Japan's trip?");</script>
well its more nicer ^^ but both countries are good! hahah
</div>

I want to put the non-Javascript code and Javascript code in two separate variables:

var html = $("#mydiv").html();

My problem here is that my javascript is executing, which makes me stop to create the code I want which is the storing of javascript and non-javascript to two different variables.

1. how can I stop the javascript codes from executing when they are
   get inside the div?
2. how can I store the javascript and non-javascript code into two different variables safely?

NOTE: I need the stored javascript for later execution

Answer 1

you can use code tag instead of script:

html:

<div id="mydiv">
<p>Hello Philippines</p> my first time in Philippines is nice</p>
<code>alert("how was it became nice?");</code>
well i experienced a lot of things
<code>alert("and how about your Japan's trip?");</code>
<p>well its more nicer ^^ but both countries are good! hahah
</p>
</div>

js:

var html = $('#mydiv *').not('code').html()
var code = $('#mydiv code').text()

http://jsfiddle.net/dMDy5/3/