Как правильно отобразить слайды,если выполняется ajax запрос owl carousel?

<div class="carousel-wrap">
	<div class="owl-carousel">
			
	</div>
</div>

$(function() {
     $('.owl-carousel').owlCarousel();
});

$.ajax('/test.php').done(function (response) {
	if (typeof response === 'string' && response.length > 0) {
		$('.owl-carousel').html(response);
	} else {
		console.log(response);
	}
}).fail(function (jqXHR, textStatus, errorThrown) {
	console.log(textStatus);
	console.log(errorThrown);
});

<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>
<div class="item"><img src="http://placehold.it/150x150"></div>