how to swap an element with jquery?
<p>I have the following setup within my HTML document...</p>

<pre><code>&lt;div id="logo"&gt;&lt;h2&gt;my top logo&lt;/h2&gt;&lt;/div&gt;
&lt;div id="one"&gt;&lt;p&gt;this is the first section with stuff in it&lt;/p&gt;&lt;/div&gt;
&lt;div id="two"&gt;&lt;h1&gt;this is the section section with stuff in it&lt;/h1&gt;&lt;/div&gt;
&lt;script&gt;//this script associates to stuff in div id=two&lt;/script&gt;
</code></pre>

<p>Is there a way to tell &lt; div id = one >, to go under the &lt; script > tag this way it looks like this...</p>

<pre><code>&lt;div id="logo"&gt;&lt;h2&gt;my top logo&lt;/h2&gt;&lt;/div&gt;
&lt;div id="two"&gt;&lt;h1&gt;this is the section section with stuff in it&lt;/h1&gt;&lt;/div&gt;
&lt;script&gt;//this script associates to stuff in div id=two&lt;/script&gt;
&lt;div id="one"&gt;&lt;p&gt;this is the first section with stuff in it&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>I can't depend on a parent div element id that contains all these.  I need to only depend on what you see right here.    </p>

<p>Thanks</p>
