ajax y submit

[destor77]

Hola gente,
tengo un formulario que apunta a la api de una pasarela de pago asi:

Código HTML:

<form action="sandbox.tegarpamos.com/api" id="formulario" method="post" onsubmit="return false;"/>
<imput type="hidden" name="id" value="1"/>
<input type="submit" id="comprar" value="enviar"/>
</form>
 

Lo que no me funciona es que tengo una llamada a ajax que me devuelve un json en la cual agrego un nuevo input al formulario y quiero hacer el submit del formulario

Código Javascript:

$("#comprar").click(function(){
   $.ajax({
  url: 'www.miweb.com/guardar_pedido',
  data: $("#formulario").serialize(),
  success: function(data) {
       if(data.error){
            alert(data.error);
       }
      else{
           var inputs = "<input type=''hidden' name='customer' value='+data.customer+'/>";
         $("#formulario").append(inputs);
         $("#formulario").submit();
      }
  }
});
}
);
 

lo que no me funciona es el $("#formulario").submit(); no me envia el formulario. Que esto haciendo mal?
Desde ya muchas gracias por su ayuda.!

[destor77]

solucionado, por si alguno le interesa el código final queda asi:

Código Javascript:

$(function() {
        $('#comprar').click(function(){
            $.ajax({
                type: 'POST',
                url: '<?php echo base_url('index/guardar_pedido');?>',
                data: $("#formpagar").serialize(),
                crossDomain: true,
                success: function(data){
                   if(data.error){
                       alert(data.error);
                   }
                   else{
                       var custom = '<input type="hidden" name="custom" id="custom" value="'+ data.custom +'" />';
                       $("#formpagar").append(custom);
                       document.getElementById("formpagar").submit();
                   }
                }
            });
        });
 
    })
 

lo que hice fue ejecutar el submit por javascript natural:

Código Javascript:

document.getElementById("formpagar").submit();
 

[chichote]

Si ya estas trabajando con jquery, el ideal sería seguir trabajando con el. Trata de entender el error y por qué no te funcionó con jquery.

El tema es que cuando insertas nuevos elementos al dom con jquery, estos no son nativos, por lo que jquery no detecta sus eventos, pero existe una solución, http://api.jquery.com/live/

Saludos.