Why won't any version of IE process this Javas

Question

This is the code, changing a background image for a jQ plugin, Works fine on Chrome, FF, Safari and even my two smart phones. But not IE. Can anyone spot a problem?

<script type="text/javascript">
$(document).ready(function() {
$("#supersized img").attr({ 
          src: "images/bg2.jpg",
        });
    $("#supersized").attr($("img"));
});
</script>

Answer 1

This problem is not only Internet Explorer related, as I notice only Firefox would execute it without warnings. The reason that object keys suppose to be escaped properly with single or double quotes in your case

{ 'src': "images/bg2.jpg" } 

and also remove coma after image path.

Answer 2

IE is very strict on its object literal formation. Many times it does not like you to put a comma after the last property. So in this instance the comma after your src property will give IE fits, most notoriously IE 6 & 7

$("#supersized img").attr({ 
          src: "images/bg2.jpg"  //<-- notice no comma after property value because it's the last one.
        });
    $("#supersized").attr($("img"));
});

Answer 3

There's a trailing comma in your object literal. This always causes an error in IE browsers.