Este tema me está volviendo loco.

Así que tengo un diálogo modal.

<div class="modal">
    <img src="...."/>
</div>

Instanciado así:

$(".modal").dialog({
        resizable: false,
        draggable: false,
        modal: true,
        autoOpen: false,
        width: 530,
        height: 460,
        closeOnEscape: false,
        dialogClass: 'popup noTitle'
    });

Entonces tengo un formulario:

<form>

    <input type="submit"/>
</form>

y Js para abrir el modal:

$('form input').click(function() {
    $(".modal").dialog('open');
});

En la mayoría de los navegadores esto funciona muy bien:

En IE 9 e IE 10. El modal está abierto pero elfalta la imagen:

Creo que es algo que ver con el envío del formulario, impidiendo que la imagen se cargue. Si corro$(".modal").dialog('open'); desde la consola funciona bien. He intentado precargar las imágenes:

$("#divSearching img").each(function() {
        var imgObj = new Image();
        imgObj.src = $(this).attr('src');
    });

No ayuda ¿Alguien más tiene problemas con esto o tiene una buena solución? Todo lo que he probado ha fallado.

Intenté crear un violín, pero debido a que está relacionado con un formulario enviado, no pude hacerlo.