how to implement jquery in gridview update with modal

Helo, i’m sorry i’m new bie, i not yet understand in jquery and ajax,

i use a booster widgets tbgridview, and to add new data i use modal (tbModal)

this code is work, but i want to use jquery


<?php $this->widget('booster.widgets.TbGridView', array(

		'id'=>'paket-gelas-grid',

		'type'=>'striped bordered conseded',

		'template'=>"{items}\n{pager}",

		'dataProvider'=>$model->search($kdma),

		'enableSorting'=>false,

		'columns'=>array(

			array(

			'header'=>'No',

			'htmlOptions'=>array('width'=>'50px'),

                        'value'=>'$this->grid->dataProvider->pagination->

                            currentPage*$this->grid->dataProvider->pagination->pageSize + $row+1',

						),

						

					array(

						'header'=>'Alat Gelas',

						'name'=>'kdAlatGelas.namagelas',),

					array(

						'class'=>'booster.widgets.TbEditableColumn',

						'header'=>'Jumlah',

						'name'=>'keluar',

						'editable'=>array(

						'url'=>Yii::app()->createUrl('product/updatejumlah'),

							'type'=>'text',

							'placement' => 'top',

							'inputclass' => 'span3')

					),

	

					array(

						'class'=>'booster.widgets.TbButtonColumn',

						'template'=>'{delete}',

						'buttons'=>array(

						'delete'=>array(

					'url'=>'Yii::app()->createUrl("product/deletealatgelas",array("id"=>$data->id))',

								),

							),

						),

					),

				));?>


<?php $this->beginWidget('booster.widgets.TbModal',

    array('id' => 'myModal')

); ?>

 

    <div class="modal-header">

        <h4>Tambah Alat Gelas</h4>

    </div>


  <?php $form = $this->beginWidget('booster.widgets.TbActiveForm',array(

    	'id'=>'confirm-form',

    	'type'=>'horizontal',

    )); ?>

	    <div class="modal-body">

		

		

		<?php echo $form->select2Group($model,'kd_alat_gelas', array(

			'wrapperHtmlOptions'=>array(

				'class'=>'col-sm-6',

			),

			'widgetOptions'=>array(

				'options'=>array(

					'placeholder'=>'Select Alat Gelas',

				),

				'data' =>CHtml::listData(AlatGelas::model()->findAll(), 'kd_alat_gelas', 'namagelas'),

			),

		));?>

	

	    </div>

	 

	    <div class="modal-footer">

	        <?php $this->widget(

	            'booster.widgets.TbButton',

	            array(

	                'context' => 'primary',

	                'encodeLabel'=>false,

	                'buttonType'=>'submit',

	                'label' => '<i class="fa fa-check-square-o"></i> Save',

	                'url' => '#',

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

	            )

	        ); ?>

	        <?php $this->widget(

	            'booster.widgets.TbButton',

	            array(

	                'label' => '<i class="fa fa-backward"></i> Cancel',

	                'encodeLabel'=>false,

	                'context'=>'danger',

	                'url' => '#',

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

	            )

	        ); ?>

	    </div>

 

	<?php $this->endWidget(); ?>

<?php $this->endWidget(); ?>