Conflicto con iframe

[sagdec]

Que tal tengo un problema con un iframe, les cuento que tengo una pagina con varias secciones que cambian dinamicamente, entonces en una de estas secciones abro un iframe y si al cambiar y seccion y volver a la anterior y quiero abrir el iframe me sale un error:
Uncaught cannot call methods on dialog prior to initialization; attempted to call method 'open'

El iframe lo abro de la sig. manera:

Código Javascript:

function mostrarModificacion(idOrden, estatus){
    var stat = estatus;
    var orden = idOrden;
    if(stat == 4){
        alert("No puedes modificar una orden cancelada");
    } else if(stat == 2){
        alert("No puedes modificar una orden asignada");
    }else {
        cadena = '../consultasOrdenes/modificarOrden.php?numorden='+orden;
        informacion = '<iframe id="dialog2" src="'+cadena+'" frameborder="0" width="875" height="470" name="pagina" scrolling="no"></iframe>';
        $("#dialogM").html( );
        $(".ui-dialog-title").html(informacion);
        $("#dialogM").dialog( "open" );
    }
}
 

Y les comento que el iframe no es totalmente hecho por mi, si no que lo copie y lo adapte, este iframe tiene una X para cerrarlo y el codigo que me aparece es este:

Código HTML:

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">close</span></button>
 

Aunque ese boton me parece que se crea junto al iframe y no se donde encontrar ese codigo o como hago para cerrar bien todo el iframe?