Model Popuo With Ajax Content


I am using model popup with following code but not getting proper result. the popup is displaying in fade grey color. Can some one help.

Here is PHP code:

<?php $this->widget('zii.widgets.CMenu',array(


				array('label'=>'Change Password', 'url'=>array('users/changePassword'), 'linkOptions' => array('data-toggle'=>"modal", 'role'=>"button", 'class'=>'ajax-link' ), 'visible'=>!Yii::app()->user->isGuest),




		)); ?>

Here is HTML div

 <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

JS code.


    $(document).ready(function() {

    $('.ajax-link').click(function(event) {

        $('#myModal').load($(this).attr('href'), function() {


                backdrop: true