How To Render Modal-Body(Pop Up)?

I have text field to get PIN to query database and show on pop up

View




<?php

$this->breadcrumbs = array(

    'Manage'

);

$form = $this->beginWidget('bootstrap.widgets.TbActiveForm', array(

    'id' => 'book',

    'type' => 'horizontal',

    'enableClientValidation' => true,

    'clientOptions' => array(

        'validateOnSubmit' => true,

    ))

);

?>


<!-- show pop up -->

<?php $this->beginWidget('bootstrap.widgets.TbModal', array('id' => 'myModal')); ?>


<div class="modal-header">

    <a class="close" data-dismiss="modal">&times;</a>

    <h4>Modal header</h4>

</div>


<div class="modal-body">

    <p>One fine body...</p>

</div>


<div class="modal-footer">

    <?php

    $this->widget('bootstrap.widgets.TbButton', array(

        'type' => 'primary',

        'label' => 'submit',

        'url' => '#',

        'htmlOptions' => array(

            'data-dismiss' => 'modal',

        ),

    ));

    ?>

    <?php

    $this->widget('bootstrap.widgets.TbButton', array(

        'label' => 'Close',

        'url' => '#',

        'htmlOptions' => array('data-dismiss' => 'modal'),

    ));

    ?>

</div>


<?php

$this->endWidget();

?>


<!-- end pop up -->


<div class="span8">

    <label class="control-label" for="Customers_C_time">

        PIN

        <span class="required"> * </span>

    </label>

    <div class="controls" >

        <?php

        echo $form->textField($model, 'PIN', array());

        echo "\t";

        $this->widget('bootstrap.widgets.TbButton', array(

            'buttonType' => 'button',

            'type' => '',

            'label' => 'Check',

            'htmlOptions' => array(

                'data-toggle' => 'modal',

                'data-target' => '#myModal',

            )

        ));

        ?>

    </div>

</div>

<?php

$this->endWidget();

?>