Закрытие модального окна от bootstrap

[carroty]

Здравствуйте форумчане!
Кто использует модальные окна от Twitter Bootstrap может сталкивались с таким вопросом. Вывожу форму в модальное окно, после нажатия кнопки submit форма должна закрыться, на оф сайте bootstrap закрытие формы описано так

$('#myModal').modal('hide')

Так же пишу и в своем коде, но получаю ошибку TypeError: $(...).modal is not a function
Перерыла кучу форумов, но ответа так и не нашла. Все необходимые файлы подключены, jquery работает. В чем может быть проблема?
Благодарю за внимание!
Код:

$('#new_city').submit(function(){
            var rel = $('#new_city #data_rel').val();
            //var rel = $('.city_1').attr('data-rel');
           // var country_id = $(this).val();
            
            $.ajax({
                type: 'post',
                url: $('#new_city').attr('action'),
                data: $('#new_city').serialize(),
                success: function(result)
                {
                    var options = '';
                     $(result.cities).each(function(){
                        
                    options += '<option value="' + $(this).attr('city_id') + '">' +  $(this).attr('city_ru') + '</option>';                   
                     });
                   $('.city_1[data-rel="' + rel + '"]').html(options);
                   $('#add_city').modal('hide');
                }
            })
            return false;
        });

Разметка:

<div class="admin_modal">
    <div id="add_city" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel"><span class="c_name" style="color:green"></span>. Добавить город</h5>
    </div>
    <div class="modal-body"><div class="form_station"><?php echo $this->form_new_city?></div></div>
    <div class="modal-footer">
    </div>
    </div>
    </div>