Code efficiency experts - manipulate list - string compare - append element to another div
<p>I've got a large list with ex:</p>

<pre><code>***orginal list***
&lt;div class="ms-contactcardtext3" id="ProfileViewer_ProfileDetails"&gt;
   &lt;div cellpadding="0" cellspacing="0" class="ms-my-profileDetails"&gt;
    &lt;div&gt;office: &lt;a href="http://vg.no"&gt;Oslo&lt;/a&gt;&lt;/div&gt;
    &lt;br&gt;&lt;div&gt;User type : &lt;a href="http://vg.no"&gt;Ansatt i XXX&lt;/a&gt;&lt;/div&gt;
    &lt;br&gt;&lt;div&gt;Company : &lt;a href="http://vg.no"&gt;XXX&lt;/a&gt;&lt;/div&gt;
    &lt;br&gt;&lt;div&gt;phone: &lt;a href="http://vg.no"&gt;+47 444444&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;                                                                     
</code></pre>

<p></p>

<p>I want to manipulate and move it into a destination div on the same page</p>

<pre><code>***List I want***
&lt;div class="destination"&gt;    
 &lt;div class="company"&gt;Company : &lt;a href="http://vg.no"&gt;XXX&lt;/a&gt;&lt;/div&gt;
 &lt;div class="userType"&gt;User type : &lt;a href="http://vg.no"&gt;Ansatt i XXX&lt;/a&gt;&lt;/div&gt;
 &lt;div class="phone"&gt;phone: &lt;a href="http://vg.no"&gt;+47 444444&lt;/a&gt;&lt;/div&gt;
 &lt;div class="office"&gt;office: &lt;a href="http://vg.no"&gt;Oslo&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><strong>PS - read this</strong> </p>

<ol>
<li>I can't add class / id on the large list so I have to use string compare</li>
<li>List may change from time to time so the order of each element can CHANGE, but I know the order</li>
</ol>

<p><a href="http://jsfiddle.net/nGWcX/1/" rel="nofollow">Fiddler example HERE</a>   &lt;--  EXAMPLE CODE</p>
