Div refresh and dialog link in that refresed div?

Div refresh and dialog link in that refresed div?

I'm not very good at English and olso not in JQuery, I'm more a phper.

I don't now if it's possible but i'm trying to make a monitor and i'm refreshing some content in a div element.
In that div i have a link/a to open a dialog. After the first refresh its not working anymore, to open the dialog.

Is it possible to do this or?

This is my test page:

  1. <!DOCTYPE html>
  2. <html>

  4. <head>

  6. <title>Monitor</title>
  7.     
  8. <meta charset="UTF-8" />
  10.     <!--<link rel="stylesheet" href="style.css" type="text/css" />-->
  11.     
  12.     <!-- Standaard JQuery -->
  13.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

  15.     <!-- JQuery DIV refresh -->
  16. <script type="text/javascript"> 
  17. $(document).ready(function () {
  18.     setInterval( 
  19. function () { 
  20. $('#monitor').fadeOut("slow").html('<a id="btnok" href="#" title="Plaats of bewerk het bericht">Refresh link</a>').fadeIn("slow");
  21. }, 20000); // refresh every 30000 milliseconds 
  22. $.ajaxSetup({ cache: false });
  23.    });
  24. </script>
  26. <!-- JQuery UI -->
  27.     <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  28.     <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  29.     <script>
  30.     $(function() {
  31.       $( "#dialog" ).dialog({
  32.         autoOpen: false,
  33.         show: {
  34.           effect: "blind",
  35.           duration: 1000
  36.         },
  37.         hide: {
  38.           effect: "explode",
  39.           duration: 1000
  40.        }
  41.       });
  42.  
  43.       $( "#btnok" ).click(function() {
  44.       $( "#dialog" ).dialog( "open" );
  45.       });
  46.     });
  47.     </script>

  49. </head>
  50. <body>
  51. <div id="dialog" title="Basic dialog">
  52.   <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
  53. </div>

  55. <div id="monitor"><a id="btnok" href="#" title=" ">Refresh link</a></div>

  57. <a id="btnok" href="#" title=" ">Normal link</a>

  59. </body>
  60. </html>