alert com jquery

[MTavares]

Colegas. Tenho o seguinte código:

<span onclick=\"window.location.href='processar.php'\"><i class=\"fa fa-heart fa-fw fa-2x \" style='font-size:23px; cursor: pointer'></i></span>

gostaria de que em vez de aparecer o alert() do javascript, aparecesse uma alert do jquery. Tentei da seguinte forma:

Página onde consta o HTML:

<script>
    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>
</script>

processar.php

<?php
....
if(mysqli_affected_rows($conexao) == true){
?><div id="dialog" title="My Alert">
    <p>Produto cadastrado com sucesso</p>
</div>
 <?php  } ?>

Como eu faria isso?

Obrigado!