Why GridView Filters does not work when in modal bootstrap?
<p>I have used modal bootstrap to view the GridView and when i used the filters and press the enter, it didn't work and it effect to parent window pressing submit/save button. Why?</p>

<p>This is my jquery function</p>

<pre><code>$(document).on('ready pjax:success', function() {

   $('#BtnModalPriceList').click(function(e) {
        e.preventDefault();

        $('#modal').modal('show')
            .find('#modalContent')
            .load($(this).attr('value'));
   });

});
</code></pre>

<p>and this is my modal bootstrap in parent form</p>

<pre><code>&lt;?= Html::button('Price List', [
    'value' =&gt; Url::to('../pricelist/list'), 
    'class' =&gt; 'btn btn-primary', 
    'id'    =&gt; 'BtnModalPriceList'
]) ?&gt;

&lt;?php 
    Modal::begin([
            'header' =&gt; 'Price List',
            'id' =&gt; 'modal',
            'size' =&gt; 'modal-md',                        
        ]);

    echo "&lt;div id='modalContent'&gt;&lt;/div&gt;";

    Modal::end();
?&gt;
</code></pre>

<p>In action list, my code as usual</p>

<pre><code>&lt;?php
    $gridColumns = [  
        ['class' =&gt; 'yii\grid\CheckboxColumn', 'checkboxOptions' =&gt; ['onclick' =&gt; 'js:selectItem(this.value, this.checked)']],  
        [
            'attribute' =&gt; 'price', 
            'format' =&gt; ['decimal', 0],
        ],
        'date',
        [
            'attribute' =&gt; 'agen_id',
            'value' =&gt; 'agen.agen_name'
        ],        
        'remark_1:ntext',
        'remark_2:ntext',

    ] ?&gt;
    &lt;?php Pjax::begin(); ?&gt; 
    &lt;?=
    GridView::widget([
        'id' =&gt; 'kv-grid-pricelist',
        'dataProvider'=&gt;$dataProvider,
        'filterModel'=&gt;$searchModel,
        'columns'=&gt;$gridColumns,        
    ]);
    ?&gt;
&lt;?php Pjax::end(); ?&gt;
</code></pre>

<p>What have I missed? </p>