modal box open only once

modal box open only once


the modal box appears only one while clicking on links here is the
code below
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
        <title>jQuery UI Example Page</title>
        <link type="text/css" href="css/smoothness/jquery-
ui-1.7.2.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></
script>
        <script type="text/javascript" src="js/jquery-
ui-1.7.2.custom.min.js"></script>
        <style type="text/css">
            /*demo page css*/
            body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
            .demoHeaders { margin-top: 2em; }
            #dialog_link {padding: .4em 1em .4em 20px;text-decoration:
none;position: relative;}
            #dialog_link span.ui-icon {margin: 0 5px 0 0;position:
absolute;left: .2em;top: 50%;margin-top: -8px;}
            ul#icons {margin: 0; padding: 0;}
            ul#icons li {margin: 2px; position: relative; padding: 4px 0;
cursor: pointer; float: left; list-style: none;}
            ul#icons span.ui-icon {float: left; margin: 0 4px;}
        </style>
    </head>
    <body>
    <div class="demo">
<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
    

Sed vel diam id libero <a href="http://example.com">rutrum
convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus
ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis
ultricies neque, sit amet auctor elit eros a lectus.



    <form>
        <input value="text input" /><br />
        <input type="checkbox" />checkbox<br />
        <input type="radio" />radio<br />
        <select>
            <option>select</option>
        </select><br /><br />
        <textarea>textarea</textarea><br />
    </form>
</div><!-- End sample page content -->
</div><!-- End demo -->
<a href="../tigra_calendar/sample3.html" id="hello">Modal
dialog</a>
<script type="text/javascript">
        $(function() {
        $("#hello").click(function(event){
        $("#dialog").dialog({
            bgiframe: true,
            modal: true,
            buttons: {
                Ok: function() {
                    $(this).dialog('close');
                }
            }
        });
        event.preventDefault();
        $("#dialog").dialog();
    });
    });
    </script>
<div id="dialog" title="Basic modal dialog">
    

Adding the modal overlay screen makes the dialog look more
prominent because it dims out the page content.


</div>
</body>
</html>