Script error in JQuery

Question

i am getting script error in Jquery. please suggest how to resolve this. Script error message displayed is "HTML parsing error: unable to modify the parent container element before the child element closed". code:0 line:0 char:0. My Jquery code is:

      <script type="text/javascript">

     (function($) {
     var search=window.location.search.substring(1);
     var page=search.split("=");
     var location=window.location.toString();
     var url=location.split('?')[0];         

     if(page[1]=='custDetails'){

       $(document).ready(function(){
       $('#message').dialog('open');
       $(document).ready(function(){
       $('#pop').click(function(){
      $('#message').dialog('open');
       return false;
         });
       });
      });
     }   // end of if      
        else {
        $(document).ready(function(){
        $('#pop').click(function(){
        $('#message').dialog('open');
        return false;
          });
        });

        }  // end of else

        $('#message').dialog({
        width:200,
        autoOpen:false,
        buttons:{ 
           Close:function() {
       $ (this.dialog('close');
       $ ('#message').replaceWith('url');
                 }
              } 
          });

       $('#page').click((function(event){            
         window.print();
          });

        })  ($);
      </script>

when i remove $('#message').dialog({}); component it doesn't throw script error. please suggest me the cause.

Answer 1

There are several syntax errors here:

$('#message').dialog($
    width: 200;
    autoOpen: false;
    buttons. {
    close: function() {
        $(this.dialog('close');
        }
    }
});
$('#page').click((function(event) {
    window.print();
});

Try this:

$('#message').dialog({
    width: 200,
    autoOpen: false,
    buttons: {
        close: function() {
            $(this.dialog('close');
            }
        }
    });
});

$('#page').click(function(event) {
    window.print();
});