Modal AJAX en Bootstrap?

[CBeneyto]

Buenas tardes señores.... os comento mi problema
Tengo el siguiente código para hacer cargar una página en AJAX (modal) con Bootstrap.

Este es el codigo:

Código Javascript:

$(document).ready(function() {
    
// Support for AJAX loaded modal window.
// Focuses on first input textbox after it loads the window.
$('[data-toggle="modal"]').click(function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    if (url.indexOf('#') == 0) {
        $(url).modal('open');
    } else {
        $.get(url, function(data) {
            $('<div class="modal hide fade">' + data + '</div>').modal();
        }).success(function() { $('input:text:visible:first').focus(); });
    }
});
    
});
 

Este el link:

Código HTML:

<a href="/url/to/load/modal_window.htm" data-toggle="modal">link</a>
 

y el contenido de la página a cargar:

Código HTML:

<div class="modal-header">
    <a class="close" data-dismiss="modal">&times;</a>
    <h3>Modal header 2</h3>
</div>
<div class="modal-body">
    <p>One body...</p>
</div>
<div class="modal-footer">
    <a class="btn btn-primary" onclick="$('.modal-body > form').submit();">Save Changes</a>
    <a class="btn" data-dismiss="modal">Close</a>
</div>
 

El problema esta en que al cargar la primera vez lo hace sin problemas.
Pero cuando cierro el modal y intento cargar otro modal (ejem boton de Más información, en un listado de productos) pues no me carga en modal me carga la página, como si el modal se "rompiera".

¿Alguna solucion?

Fuente de AJAX MODAL: https://gist.github.com/drewjoh/1688900