pasar el valor del formulario a la url src de iframe con jQuery

Me he estado volviendo loca para intentar hacer lo que parece tan simple. Tengo un formulario donde pido código postal. Estoy usando colorbox para abrir una caja de luz con un iframe después de que ingreses tu código postal. Necesito pasar el valor del código postal del formulario a la URL de origen del iframe. Mi código de formulario se ve así:

Enter your zip code to begin your search:

Mi código js se ve así:

    $(document).ready(function(){ $("a[rel=zipformSubmit]").click(function() { $("form#submit").submit(function(e) { var zip = $('#zip').attr('value'); colorbox({href: "?zip=" + zip, iframe:true, innerWidth:800, innerHeight:600}); }); }); });  

el resultado final debe ser un iframe cargado como … src = “/ form.htm? zip = 92108”

El valor 92108 debe provenir de la entrada del formulario llamada ‘zip’

Parece que no puedo obtener el valor del código postal para pasar correctamente. ¿De todas formas me puede mostrar lo que estoy haciendo mal?

¡Gracias!

Debe usar preventDefault () para evitar que el navegador simplemente siga el enlace, también está poniendo sus acciones dentro del evento de envío de su formulario, pero no tiene un botón de envío y no está activando el evento de envío, por lo que ese evento nunca se dispara En este caso, no necesita enviar el formulario, por lo que simplemente puede hacer uso del evento de clic de enlace para abrir el iframe utilizando los datos ingresados ​​en el formulario. Al igual que

   

Nota: alguna validación sería buena if (zip.length > 0) { } etc

Añadido después del comentario:

Para ingresar su $_GET['Source'] , debe agregar un campo de formulario oculto:

  

Enter your zip code to begin your search:

' />

entonces haz el js:

  

trie esto, cambié

 var zip = $('#zip').attr("value"); 

con este

 var zip = $('#zip').val(); 

Código JS: