<?php $this->beginWidget('bootstrap.widgets.TbModal', array('id'=>'categoryCreateDialog', 'autoOpen'=>false)); ?>
<div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
<h4><?php echo t('category', 'Create Category') ?></h4>
</div>

<div class="modal-body" id="categoryCreateDialogForm">
</div>
<?php $this->endWidget(); ?>
 <script type="text/javascript">
function addCategory()
{
    <?php echo CHtml::ajax(array(
            'url'=>url('categories/create'),
            'data'=> "js:$(this).serialize()",
            'type'=>'post',
            'dataType'=>'json',
            'success'=>"function(data)
            {
                if (data.status == 'failure')
                {
                console.debug(data.div);
                    $('#categoryCreateDialogForm').html(data.div);
                    console.debug($('#categoryCreateDialogForm').html());
                    $('#categoryCreateDialogForm .form-actions').addClass('modal-footer');
                    $('#categoryCreateDialogForm form').submit(addCategory);
                }
                else
                {
                    $('#Content_category_id').append(data.option);
                    $('#categoryCreateDialog').modal('hide');
                }

            } ",
            ))?>;
    return false;

}
</script>