ajax success HTML-содержимое данных ответа не загружено в модальное поле jquery-ui

я хочу открыть модальное всплывающее окно jquery-ui после завершения моего успешного вызова ajax. На данный момент ничего не показывает, только консоль браузера получает успешный вызов ajax.

Идентификатор Dialog1 находится на моей странице postUrl, где я обрабатываю все свои данные поста ajax. Я хочу, чтобы все содержимое HTML загружалось в модальном окне jquery-ui.

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />
<script type="text/javascript">
$(document).ready(function(){
$( "#dialog1" ).dialog({
autoOpen: false
});
$('#btnPreview').on('click',function(){
var formData = $('#listForm').serializeArray();
$.ajax({
url: 'http://localhost/test/dealPreview.php',
method:'POST',
data: formData,
dataType: "html",
success: function(data) {
$("#dialog1").html(data);
$("#dialog1").dialog("open");
}
});
});
});
</script>