Syntax Error? Jquery script not working in IE7

Question

I am using the following code to open a modal box when a button is clicked. Works fine in all browsers but IE7 where I get an error.

This is the code. Have I done something wrong???

            <script type="text/javascript">
$(document).ready(function(){
var dialogOpts = {
      modal: true,
      bgiframe: true,
      autoOpen: false,
      height: 550,
      width: 550,
      draggable: true,
      resizeable: true,
      title: "Invite a friend",
   };
$("#invitebox").dialog(dialogOpts);   //end dialog

   $('#invitebutton').click(
      function() {
         $("#invitebox").load("widgets/invite_a_friend/index.php", [], function(){
               $("#invitebox").dialog("open");
            }
         );
         return false;
      }
   );
}); 
</script>

Answer 1

Remove the , at the end after title:

var dialogOpts = {
      modal: true,
      bgiframe: true,
      autoOpen: false,
      height: 550,
      width: 550,
      draggable: true,
      resizeable: true,
      title: "Invite a friend", // <-- REMOVE THIS COMMA
   };

Also the .load() function takes an object and not array as second argument:

$("#invitebox").load("widgets/invite_a_friend/index.php", { }, function() {
    $("#invitebox").dialog("open");
});

Answer 2

Here is the problem, the comma at the end:

  title: "Invite a friend",
};

JSLint can tell you whether your code is correct.