Dynamic (AJAX) loaded Bootstrap Modal (Bootstrap 2.0)

custom.js

$(document).ready(function() {
	
// Support for AJAX loaded modal window
$('.to_modal').click(function(e) {
    e.preventDefault();
    var href = $(e.target).attr('href');
    if (href.indexOf('#') == 0) {
        $(href).modal('open');
    } else {
        $.get(href, function(data) {
            $('<div class="modal fade" >' + data + '</div>').modal();
        });
    }
}); 
	
});

index.htm

<a herf="/url/to/load/modal_window.htm" class="to_modal">link</a>

modal_window.htm

<div class="modal-header">
	<a href="#" class="close js-dismiss">×</a>
	<h3>Modal header 2</h3>
</div>
<div class="modal-body">
	<p>One body...</p>
</div>
<div class="modal-footer">
	<input class="btn primary" type="submit" value="Save Changes" />
	<a href="#" class="btn js-dismiss">Close</a>
</div>