need help with script

need help with script

I get this error
Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'



Here is my hrtml


  2. <!DOCTYPE htm
  3. l PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" >
  5. <head>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.     <title>Expand table rows with jQuery - jExpand plugin - JankoAtWarpSpeed demos</title>
  8.     <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
  9. <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
  10. <script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
  11. </head>
  12. <body>
  13. <a href="#" wicket:id="deleteLink" id="deleteLink52" onclick="
  14.             $('body').append('<div id='+'confirm-dialog'+'><div/>');
  15.     $('#confirm-dialog').dialog({
  16. show: 'fade',
  17. hide: 'fade',
  18. modal: true,
  19. height: 100,
  20. title: 'Some title',
  21. buttons: {
  22. OK: function() {
  23. $('#confirm-dialog').dialog('close');
  24. $('body').remove('#confirm-dialog');
  25. },
  26. Cancel: function() {
  27.   $('#confirm-dialog').dialog('close');
  28.   $('body').remove('#confirm-dialog');
  29. }
  30. }
  31. });
  32. $('#confirm-dialog').dialog('open');
  33. ">Delete</a>
  34. </body>
  35. </html>
please advice what is wrong here.It works for first click and then gives this error Please advice.