well i do have a div that contains some more html and a lot of javascript on it

<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>

now what i want there is to put the non-javascript code and javascript code in two separate variables

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

but my problem here is 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.

now my questions is

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