Abrir modal que está em outro arquivo

Seguinte:

Em um arquivo  teste.php  tem  um monte de coisas e  também tem um modal la pelo meio.

<div class="modal fade" id="myModalDadosBasicos" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_DadosBasicos" aria-hidden="true" data-backdrop="static">
 <div class="modal-dialog modal-lg">
 <div class="modal-content">
 <div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 <h4 class="modal-title" id="myModalLabel_DadosBasicos"></h4>
 </div>
 <div class="modal-body">
 ....

	Em outro arquivo  "principal.php"   criei um botão.

	 

	Gostaria de saber como posso far para quando eu clicar nesse botao,  abrir o modal que esta no outro arquivo.

	 

	Codigo do botão

<button type="button" title="Abre Modal" class="btn btn-xs btn-success tp btnAbreModal">Transformar em Pedido Novo</button>

	O que eu tentei fazer baseado em dicas de outros:

	 

$('.btnAbreModal').on('click', function(e){
 $.ajax({
 type: 'POST',
 //Caminho do arquivo do seu modal
 url: 'teste.php',
 success: function(data){
 alert(data);
 $('#myModalDadosBasicos').modal('show');
 }
 });
 });

	A questão é .... como defino que o que eu quero abrir na minha  página  seja somente o modal "myModalDadosBasicos".