using replaceWith on all child inputs JQuery
<p>Basically on .show() I've been trying to have all of the inputs convert to image tags with the img src equaling the original inputs value like this:</p>

<pre><code>var currentPage = $('.three_paj_els:visible');
var nextPage = currentPage.next('.three_paj_els');
var the_parent_div_id = currentPage.attr('id');
    nextPage.show(function() {
        $('div#' + the_parent_div_id + ':input').each(function() {
            var the_image_SRC = $(this).val();
            $(this).replaceWith('&lt;img src="' + the_image_SRC + '" ')
        })
    })
</code></pre>

<p>Been at it for a few hours now. I want only the ones in that specific div that gets shown to convert. </p>

<p>here's a fiddle of what I've been working on <a href="http://jsfiddle.net/Utr6v/100/" rel="nofollow">http://jsfiddle.net/Utr6v/100/</a> 
when you click the next button, the  <code>&lt;input type="hidden" /&gt;</code> tags should convert to <code>&lt;img&gt;</code> tags and the images should show.</p>

<p>Thanks a bunch in advance.
-Sal</p>
