is it possible to move a div inside another div using jquery without re-rendering the html?
<p>Okay, I might confuse some people who might be able to answer this question, I'll set this in the manner that I understand. Please bear with me.</p>

<p>Let's say I have an array of divs in this manner:</p>

<pre><code>&lt;div id="par1"&gt;&lt;span&gt;Text 1&lt;/span&gt;&lt;/div&gt;
&lt;div id="par2"&gt;&lt;span&gt;Text 1&lt;/span&gt;&lt;/div&gt;
&lt;div id="par3"&gt;&lt;span&gt;Text 1&lt;/span&gt;&lt;/div&gt;
&lt;div id="par4"&gt;&lt;span&gt;Text 1&lt;/span&gt;&lt;/div&gt;
</code></pre>

<p>Then, I have a hidden div with a textbox that acts like an editor:</p>

<pre><code>&lt;div id="editor" style="display: hidden"&gt;&lt;input id="uniqueID$textbox" type="text" /&gt;&lt;/div&gt;
</code></pre>

<p>What I want to achieve in jQuery is to <strong>visually</strong> display the <strong>#editor</strong> div within the divs above when i click each div somewhat an editor. Instead of having seperate input boxes within those divs and displaying them when needed, I intend to just use one textbox for each.</p>

<p>I hope I explained my problem well and hope you guys can help</p>
