jQuery absolute positioned ul items increment position
<p>Bit of a strange one that I can't seem to find a workable answer for; will probably be very simple!</p>

<p>I have some rogue <code>li</code> items which I'm using jquery to wrap in <code>ul</code>'s and then position absolutely, but they are all in the same position (on top of each other). </p>

<p>What I need to do is use more jquery to increment each <code>ul</code> item like below:</p>

<pre><code>&lt;ul class="end"&gt;&lt;li&gt;Some text&lt;/li&gt;&lt;/ul&gt; (top:30px;)
&lt;ul class="end"&gt;&lt;li&gt;Some text&lt;/li&gt;&lt;/ul&gt; (top:30px; - needs to be 60px)
&lt;ul class="end"&gt;&lt;li&gt;Some text&lt;/li&gt;&lt;/ul&gt; (top:30px; - needs to be 90px)
</code></pre>

<p>and so on and so forth. Now I would normally use css classes to do this but these items are generated dynamically and i don't want lots of css classes as the amount could change/increase. </p>

<p>How would I make this work with jquery please (it's not possible to use <code>position:relative;</code> or <code>float</code> in this instance)? </p>
