Pasar variable de PHP a Javascript

[pablokru]

Hola! Tengo un bucle WHILE que me genera lo siguiente:

Nombre
Juan
Hacer pregunta

Nombre
Pedro
Hacer pregunta

Nombre
Jose
Hacer pregunta

etc...

Este es el código:

Código HTML:

<?php
$i=1;
while ($u=mysql_fetch_array($result6)){
?>
<table>
<tr>
<td>Nombre</td>
</tr>
<tr>
<td><? echo $u['nombre'];?></td>
</tr>
<td>
<a id="ventana_modal" href="#" rel="abrir">Hacer Pregunta</a>
<div id="mascara"></div>
<div id="ventana">
<a href="#" rel="cerrar">Cerrar</a>
<h2>Escribe tu pregunta a continuacion</h2>
<form>
<input type="text" id="pregunta" />
<input type="hidden" id="tema" value="<?php echo $tema[$i]['id_org']; ?>"/>
</form>
<input type="button" value="Enviar Pregunta" onClick="ajax_preg();"/>
</div>
</td>
</table>
<?php $i++ } ?>
 

Al hacer click en Hacer pregunta, se abre una ventana modal con un cuadro de texto para escribir la pregunta (<form><input type="text" id="pregunta" /></form>) y un botón que dice enviar pregunta (<input type="button" value="Enviar Pregunta" onClick="ajax_preg();"/>)

Lo que yo quiero es que si hice click en hacer pregunta de Jose, excribi la pregunta y puse enviar pregunta, poder capturar en una variable el texto de la pregunta y la siguiente variable: <?php echo $tema[$i]['id_org']; ?>, que en el caso de Jose será $tema[3]['id_org']; ?>

Este es el codigo que escribi, el problema es que la var id_org me captura siempre el mismo valor!!

Código Javascript:

function ajax_preg(){
    var preg=$('#pregunta').val(); //el texto de la pregunta lo captura sin problema
    var id_org=$('#tema').val(); //me captura siempre el mismo valor!!
    $.ajax({
        url:'resumen_preguntas_ajax.php',
        type:'POST',
        dataType:'text/html',
        data:'pregunta='+preg + '&id_org='+id_org,
        success: function(datos){
        $("#preg_callback").html(datos);
        $('#pregunta').val('');
        }
 });
}
 

Por ultimo, este es el codigo de la venta modal:

Código Javascript:

$(document).ready(function(e) {      
        $('a[rel="abrir"]').click(function(e) {
            e.preventDefault();
              
            var ancho = $(window).width();
            var alto = $(document).height();
 
            var mascara = $("#mascara");
            var ventana = $("#ventana");
      
            mascara.css({
                "width" : ancho,
                "height" :  alto
            });
      
            mascara.fadeIn("fast", function() {
                  
                ventana.css({
                    "top" : (alto / 2) - (ventana.height() / 2),
                    "left" : (ancho / 2) - (ventana.width() / 2)
                });
                  
                ventana.fadeIn("fast");
 
            });
        });
      
        $("a[rel='cerrar']").click(function(e) {
            e.preventDefault();
            $("#ventana").fadeOut("fast", function() {
                $("#mascara").fadeOut("fast");
            });
        }); 
    });
 

Espero se entienda. Gracias!