<div class="modal hide fade" id="modal_window">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body">
        <p>One fine body</p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div>

This is my html code,

i want to load a remote content into it, let say yahoo.com

I tried

$('#modal_window').attr('data-remote', 'http://www.yahoo.com').modal({show:true, remote:true});

It shows the normal modal content instead of yahoo loaded into modal. How do i make it to load yahoo.com into the modal window?

Thanks