Como enviar datos de formulario a jquery con javascript?

[Begotten]

Buenas, a ver si alguien me puede ayudar:
estoy realizando una pagina en php en la cual le llega un parametro enviado por post desde otra pagina (es posible que no llegue el parametro), en caso de que el parametro exista, se genera un formulario invisible y sin boton submit, estos datos (en realidad solo es un dato >.<) deben ser enviado a la funcion jquery "listar_detalles" que se encuentra en otro php, en caso de que el parametro no exista, no se manda nada y solo se manda a la funcion (esto si funciona). Mi problema es que no se como enviar los datos del formulario a la funcion jquery mediante la funcion javascript.

Aca el codigo:

Código:

<?php
    if (isset($_POST['obra'])){
        $idobr=$_POST['obra'];
        echo $idobr;
        echo "
        <div id='enviarIdobra'>
            <form method='POST' name='formDet' style='display:none'>
                <input type='hidden' name='idobr' id='idobr' value=".$idobr.">               
            </form>                          
        </div>
        <script type='text/javascript'>
            function cargar_pagina(){
               
                <!-- Aca debe ir la funcion que llama a listarDetalles() con formulario-->
            }
        </script>";
    }else{
        echo"
        <script type='text/javascript'>
            function cargar_pagina(){
            listarDetalles();
            }
        </script>";
        }

?>

y la funcion jquery:

Código:

function listarDetalles(){
	var idobr = $("#idobr").val();	 
	$.ajax({			
		url: 'listarDetalle.php',
		type: 'POST',
		data: {idobr:idobr},//parametros
		success: function(data){
           $("#miTabla3").html(data);
           $("#miTabla3").hide();
           $("#miTabla3").fadeToggle(2000,'swing');
           $("#miTabla3").addClass("linea");
		}
	});
}