Post PagSeguro não funciona em Iphone e Navegador Samsung

Olá.

Tenho um POST que funciona em todos navegadores de PC, menos em Iphone e num navegador padrão que vem Android, onde será que errei?

<script type="text/javascript" src="../../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../js/jquery.mask.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script>

 <script>

function enviaPagseguro(){
$.post("pedido_pag_seguro.php",'',function(data){
$('#code').val(data);

$('#comprar').submit();

})
}

</script>

	<form id="comprar" action="https://pagseguro.uol.com.br/checkout/v2/payment.html" method="post" onsubmit="PagSeguroLightbox(this); return false;">

 <input type="hidden" name="code" id="code" value="" />
<input type="hidden" name="pedido" id="pedido" value="<?php echo $tudo1['codigo_user']; ?>" />
<?php $_SESSION['user_comprador'] = $tudo1['codigo_user_temp']; ?>
<?php $_SESSION['valor_pedido'] = number_format($total_geral, 2, ',', '.'); ?>
<input type="hidden" name="valor_pedido" id="valor_pedido" value="<?php echo number_format($total_geral, 2, ',', '.'); ?>" />
 <div name="submit" align="center" onclick="enviaPagseguro()" class="pag_seguro">

 <div align="center"><img src="../../imagens/loja_virtual/boleto_grande.gif" class="img-responsive padding_bottom5"></div>

 <div align="center"><img src="../../imagens/loja_virtual/logos_pag_seguro.gif" class="img-responsive"></div>

	</div>
</form>

<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>

	Obrigado!