How to make JavaScript affect only between specific tags
<p>I have this JavaScript. in jquery mobile . i want it to only shows inside the this div . now when i run it, it doesn't show any styles or jquery. just shows the javascript.</p>

<pre><code>    &lt;%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false"
        CodeFile="phonedirectory.aspx.vb" Inherits="phonedirectory" %&gt;

    &lt;asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
        &lt;div class="timeline" id="lists" data-role="content"&gt;
                   &lt;/asp:Content&gt;
&lt;asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"&gt;
    &lt;div data-role="page"&gt;
        &lt;div data-role="header" data-theme="c"&gt;
            &lt;center&gt;
                &lt;a href="Default.aspx"&gt;
                    &lt;img src="Content/images/logo.png" /&gt;&lt;/a&gt;&lt;/center&gt;
        &lt;/div&gt;
          &lt;script language="javascript" type="text/javascript"&gt;
                        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                            xmlhttp = new XMLHttpRequest();
                        }
                        else {// code for IE6, IE5
                            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                        xmlhttp.read
                        xmlhttp.open("GET", "xml.aspx", false);
                        xmlhttp.send();
                        xmlDoc = xmlhttp.responseXML;

                        document.write("&lt;ul id='employee' data-role='listview' data-filter='true'&gt;");
                        var x = xmlDoc.getElementsByTagName("employee");
                        for (i = 0; i &lt; x.length; i++) {
                            document.write("&lt;li class='ui-screen-hidden'&gt;")
                            document.write("&lt;a href='info.aspx?ID=");
                            document.write(x[i].getElementsByTagName("ID")[0].childNodes[0].nodeValue);
                            document.write("'&gt;")
                            document.write(x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue);
                            document.write("&lt;/a&gt;&lt;/li&gt;");
                        }
                        document.write("&lt;/ul&gt;");


                &lt;/script&gt;
                &lt;/div&gt;
</code></pre>

<p>
</p>
