loop trough list of elements and update hidden field seperated by vertical line and comma
<p>Dear wise mans. Here is the problem</p>

<p>I can have a unlimited set of list items and form fields (limited) in li:</p>

<pre><code>    &lt;li id="apr1"&gt;
    &lt;textarea class="thisistext"&gt;blablabla&lt;/textarea&gt;
    &lt;input class="imgid" type="hidden" value="450"&gt;
    &lt;input class="order" type="hidden" value="1"&gt;
    &lt;/li&gt;
    &lt;li id="apr2"&gt;
    &lt;textarea class="thisistext"&gt;bimbimbim&lt;/textarea&gt;
    &lt;input class="imgid" type="hidden" value="455"&gt;
    &lt;input class="order" type="hidden" value="2"&gt;
    &lt;/li&gt;

etc
</code></pre>

<p>What I want is, write the contents of of all field in hidden field for update to database:
The format should be values from field seperated by comma and groups seperated by vertical line | </p>

<p>"imgid,order,thisistext|imgid,order,thisistext|etc...  "</p>

<pre><code>&lt;input id="thedatafield" value="450,1,blablabla|455,2,bimbimbim| etc..."&gt;
</code></pre>

<p>How would you accomplish this?  Probalby, the .serialize() would help, but the important part is textarea, which can be in pure html format.</p>
