jquery keypad refuses to work in block ui modal window

[methuselah90]

good day guys,

i have loaded jquery keypad (http://keith-wood.name/keypad.html) in a block ui modal window (http://jquery.malsup.com/block/) but sadly it refuses to render in the modal window. has anyone encountered this problem yet? i have tested the jquery pad outside of the block ui modal and it works perfectly fine but when it is inside the block ui modal clicking on it does not open anything up at all. here is my code:

loading jquery, keypad css and blockui

<style type="text/css">
    @import "resources/jquery.keypad.css";
    </style>  
    <link rel="shortcut icon" href="resources/favicon.ico">
            <script src="resources/jquery.js"></script>     
            <script src="resources/blockui.js"></script> 
            <script src="resources/jquery.keypad.js"></script>       
    <script type="text/javascript"> 
    $(function () {
        $('#defaultKeypad').keypad();
    });
    </script>

creating unique instances of block ui

<?php for ($i = 1; $i <= 300; $i++) {
echo "
    <script type='text/javascript'> 
    $(document).ready(function() { 

        $('#t".$i."').click(function() { 
            $.blockUI({ message: $('#q".$i."'), css: { width: '1600px' } }); 
        }); 

        $('#yes".$i."').click(function() { 
            // update the block message 
            $.blockUI({ message: '<h1>Remote call in progress...</h1>' }); 

            $.ajax({ 
                url: 'wait.php', 
                cache: false, 
                complete: function() { 
                    // unblock when remote call returns 
                    $.unblockUI(); 
                } 
            }); 
        }); 

        $('#no".$i."').click(function() { 
            $.unblockUI(); 
            return false; 
        }); 

    }); 
</script>";
}
?>

creating unique instances of div modal windows, i have included jquery keypad here

<?php do { ?>
<div id="q<?php echo $row_dd31['dNo']; ?>" style="display:none; cursor: default; padding: 20px;"> 

<h3>Driver <?php echo $row_dd31['dNo']; ?></h3>

<input type="text" id="defaultKeypad"/><p>

<input type="button" id="yes<?php echo $row_dd31['dNo']; ?>" value="Save" style="width: 75px; height: 50px;"/> <input type="button" id="no<?php echo $row_dd31['dNo']; ?>" value="Exit" style="width: 75px; height: 50px;"/> 
</div> 
<?php } while ($row_dd31 = mysql_fetch_assoc($dd31)); ?>

block ui appears perfectly but jquery keypad refuses to render

any help would be appreciated!

many thanks in advance and may God bless