Getting a div's background image with jQuery. Is there an inbuilt method to strip out the url() portion?
<p>I am using this code to get the background image of a div.</p>

<pre><code>var bgImage = $('#content').css('backgroundImage');
</code></pre>

<p>This is returning <code>url%28<a href="http://example.com/images/layout/content-trans.png%29" rel="nofollow">http://example.com/images/layout/content-trans.png%29</a></code></p>

<p>I know you can do <code>element.height()</code> to get an element's height without <code>px</code> appended (<code>parseInt()</code> also works), so I was wondering if there was a similiar method for jQuery to get the actual background image minus the url() meta data.</p>

<p>I suppose I could use a regular expression, something like <code>/url\((.*)\)/</code>, but I'd rather know first if there is an inbuilt way.</p>

<p>Thank you!</p>
