Модальное окно, jquery не принимает id. В чем ошибка?

[
                        'class' => 'yii\grid\ActionColumn',
                        'template' => '{select}',
                        'buttons' => [
                            'select' => function($url){
                                return Html::a('<span class="glyphicon glyphicon-share" style="color:#228B22"></span>',$url, [
                                    'title' => 'Выбрать пункт приема',
                                    'class' => 'select',
                                    'data-toggle' => 'modal',
                                    'data-target' => 'unload'
                                ]);
                            }
                        ]
                    ]

<div class="modal fade" id="unload" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title" id="exampleModalLabel">Пункт приема</h2>
                </div>
                <div class="modal-body">
                    <p>....</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success">Save changes</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

<?php $this->registerJs(
    "
    $('.select').on('click', function(){
            var data = $(this).data();
        $('#unload').modal('show');
        $('#unload').find('.modal-title').text('id:' + data.key);
    });
    "
); ?>