I want, via jQuery, to get the background-image url, from the element i'm clicking on. The problem is that the divs are numbered, since I needed a way to have many different images. This is how they are numbered:

```html
<div id="photoBackground photo1"></div>
<div id="photoBackground photo2"></div>
<div id="photoBackground photo3"></div>
<div id="photoBackground photo4"></div>
etc etc
```

I have this is jQuery right now:

```js
$(document).ready(function() {
$('.photoBackground').click(function () {
    var image = $(this).css('background-image');
    // remove "url(" and ")" to get the url
    image = image.replace('url(','').replace(')','');
    $("#lightbox").css('background-image','url(' + image + ')');
})
});
```

How do I make it read from the numbered ids? Eg. photo1, photo2 etc?

Thanks!

* Magnus