jQuery - Wrapping a list of image tags with anchor tags
<p>I need to make this:</p>

<pre><code>&lt;div class="image-dump"&gt;
&lt;img src="dir/file1.jpg"/&gt;
&lt;img src="dir/file2.jpg"/&gt;
&lt;img src="dir/file3.jpg"/&gt;
&lt;img src="dir/file4.jpg"/&gt;
&lt;/div&gt;
</code></pre>

<p>Render like so:</p>

<pre><code>&lt;div class="image-dump"&gt;
&lt;a href="dir/file1.jpg" rel="group" class="overlay"&gt;&lt;img src="dir/file1.jpg"/&gt;&lt;/a&gt;
&lt;a href="dir/file2.jpg" rel="group" class="overlay"&gt;&lt;img src="dir/file2.jpg"/&gt;&lt;/a&gt;
&lt;a href="dir/file3.jpg" rel="group" class="overlay"&gt;&lt;img src="dir/file3.jpg"/&gt;&lt;/a&gt;
&lt;a href="dir/file4.jpg" rel="group" class="overlay"&gt;&lt;img src="dir/file4.jpg"/&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Note:</strong>
The href's value needs to be pulled from the img's src value, </p>

<p>Please help!!</p>
