on page load clone first image from collection of photos
<p>On my page I'm getting collection of photos, and I store them as thumbs below showImage div which needs to be refreshed with cloned image onclick. <strong>Basically everything is ok except I need to populate this showImage div onpage load with first image</strong>, and then to use this onclick clone which already works.</p>

<pre><code>&lt;a href="/Property/GetImage/someIntId"&gt;
  &lt;img id="someIntId" class="details" width="100" height="100" src="/Property/GetImage/7" alt=""&gt;
&lt;/a&gt;

function onPopUp() {
        $(".details").click(function (event) {
            //clone the clicked image
            var clone = $(this).clone();
            clone.height("250px").width("280px");
            //place it in the placeholder
            $('div#showImage').html(clone);
        });
    }
</code></pre>
