Добрый день. Не закрывается модальное окно после на нажатия на кнопку отправить
Вот код JS
$(document).ready(function(){
$(".crud-submit").click(function(e) {
e.preventDefault();
var name2 = $("#create-item").find("input[name='name']").val();
var price2 = $("#create-item").find("textarea[name='price']").val();
var rating2 = $("#create-item").find("textarea[name='rating']").val();
$.ajax({
url:"add.php",
cache: false,
method:"POST",
data:{name2:name2, price2:price2, rating2:rating2},
success:function(data) {
$('#employee_table').html(data);
$('#modal').modal('hide');
toastr.success('Сортировка прошла успешно.', 'Success Alert', {timeOut: 5000});
}
});
});
});
Вот само модельное окно
<div class="modal fade" id="create-item" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Create products</h4>
</div>
<div class="modal-body">
<form data-toggle="validator" method="POST">
<div class="form-group">
<label class="control-label" for="title">Name:</label>
<input type="text" name="name" class="form-control" data-error="Please enter name." required />
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<label class="control-label" for="title">Price:</label>
<textarea name="price" class="form-control" data-error="Please enter price." required></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<label class="control-label" for="title">Rating:</label>
<textarea name="rating" class="form-control" data-error="Please enter rating." required></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<button type="submit" class="btn crud-submit btn-success">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
что я не так делаю
