Is it possible to take a table layout with images for a photo gallery and re-code to be a ul?
<p>I have a table layout with the following code</p>

<pre><code>&lt;table cellspacing="0" class="photogalleryTable"&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td class="photogalleryItem"&gt;&lt;a title="" href="/images/varsity_basketball/alexdefending.jpg" rel="lightbox[12828]" onclick="myLightbox.start(this);return false;"&gt;&lt;img border="0" alt="" src="/Utilities/ShowThumbnail.aspx?W=100&amp;amp;H=80&amp;amp;Img=%5c%5c192.168.61.7%5canf01%5cyvir%5cfvgrf1%5c72488%5cSbyqref%5c%5cvzntrf%5cinefvgl_onfxrgonyy%5cnyrkqrsraqvat.wct&amp;amp;USM=1"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td class="photogalleryItem"&gt;&lt;a title="" href="/images/varsity_basketball/cheerweb.jpg" rel="lightbox[12828]" onclick="myLightbox.start(this);return false;"&gt;&lt;img border="0" alt="" src="/Utilities/ShowThumbnail.aspx?W=100&amp;amp;H=80&amp;amp;Img=%5c%5c192.168.61.7%5canf01%5cyvir%5cfvgrf1%5c72488%5cSbyqref%5c%5cvzntrf%5cinefvgl_onfxrgonyy%5cpurrejro.wct&amp;amp;USM=1"&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>Is it possible to use jQuery to re-format to a unordered list? Somehow convert the td tag to a li tag and remove the rest?</p>

<p>Thanks in advance for any help.</p>
