Chamar div de outra página

Bom dia , já faz dias que ando tentando chamar uma div de outra página, já tentei de todas as maneiras e nao consigo nao sei o pq.

pode ser alguma configuração ou sei lá.

Vamos lá

a parte do codigo está assim

Pagina com os dados que quero chamar.(estou usando um script pbox)

1 pagina

teste.html (a parte do codigo é essa)

<div id="dados">

 Dados de produtos e foto

</div>

Pagina pra qual quero passar os dados ao clicar em um link.(obs os dados se coloco na mesma pagina funciona perfeito.)

<script type="text/javascript" src="js/jquery-1.7.min.js"></script>

//links

<li ><a href='#'data-id="dados1"><span>Produto</span></a></li>
<li ><a href='#'data-id="dados2"><span>Produto2/span></a></li>

//chamada pra visualização

<div class="pbox" id="dados1">dados dos produtos</div> // essa funciona perfeito aparece tudo

<div class="pbox" id="dados2"> //essa nao funciona o que estou errando?

 <script> $('#dados2').load('teste.html #dados');</script></div>

</div>

ja tentei tambem assim:

<script type="text/javascript" src="js/jquery-1.7.min.js"></script>

<script>

$(document).ready(function () {
 $('#dados2').load('teste.html #dados');
});

</script>

//links

<li ><a href='#'data-id="dados1"><span>Produto</span></a></li>
<li ><a href='#'data-id="dados2"><span>Produto2/span></a></li>

//chamada pra visualização

<div class="pbox" id="dados1">dados dos produtos</div> // essa funciona perfeito aparece tudo

<div class="pbox" id="dados2"> teste</div>//essa nao funciona o que estou errando? s´aparece a palavra teste mas nao busca a div da outra página.