Javascript wrap div in/remove anchor on hover
<p>I have divs I need to wrap in an anchor tag with href="#" on hover and remove when the mouse leaves.</p>

<p>When you hover on ps_image it wrap ps_img with <code>&lt;a href="#"&gt;DIV HERE&lt;/a&gt;</code>
Then unwrap when not hovering.</p>

<pre><code>&lt;div class="ps_image"&gt;
    &lt;div class="ps_img"&gt;
        &lt;img src="albums/album1/thumb/thumb.jpg" alt="Dachshund Puppy Thumbnail"/&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>p.s. doesn't matter if it only wraps the the child div, but would be nice
     Basically I'm trying to get the cursor to be the index pointer, without it linking </p>
