Twitter Bootstrap open remote URL programmatically

[spike1]

\[code\]<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="http://stackoverflow.com/questions/12774910/#" class="btn">Close</a> <a href="http://stackoverflow.com/questions/12774910/#" class="btn btn-primary">Save changes</a> </div></div>\[/code\]This is my html code,i want to load a remote content into it, let say yahoo.comI tried\[code\]$('#modal_window').attr('data-remote', 'http://www.yahoo.com').modal({show:true, remote:true});\[/code\]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?http://jsfiddle.net/UXU2K/1/Thanks