Turn image SRC into background-image in jQuery
<p><a href="http://stackoverflow.com/questions/2183347/how-to-set-the-image-src-using-jquery">http://stackoverflow.com/questions/2183347/how-to-set-the-image-src-using-jquery</a></p>

<p>I am looking to do the opposite of what this jQuery snippet does.  I need a bit of code that will turn</p>

<pre><code>&lt;img src="images/filename.jpg"&gt;
</code></pre>

<p>to become </p>

<pre><code>&lt;div class="imageBox" style="background:url(images/filename.jpg)"&gt;&lt;/div&gt;
</code></pre>

<p>I've searched up and down trying to find something that will do this but have come up empty.  I'm no jQuery guru, so I would appreciate any help someone could offer.  Thanks</p>
