Hello,

I want to let the user change the background image via a select box:

jquery:

$("#selectOverlay").change(function() {
    var theOption = $(this).val();
    $("header .inner, .overlayBottom").css("background-image", theOption);
});

html:

<form action="">
        <select id="selectOverlay" name="selectOverlay">
            <option value="url(images/backgrounds/paper.png" selected="selected">paper</option>
            <option value="url(images/backgrounds/leather.png">leather</option>
        </select>
</form>

Only works in FF. Not chrome, opera, or IE. Any ideas?

Thanks