ACTUALIZADO
Podés hacerlo sin necesidad de un formulario, mediante llamadas AJAX desde Javascript.
Tu tabla tendría los botones algo así:
<td>
<button onclick="mostrarPopUp(id)">Editar</button>
</td>
mostrarPopUp()
es una función Javascript que recibe el ID de cada fila con el que se consulta la información. Bien puede ser obtenido accediendo al DOM (tal cual lo estás haciendo) o ser un valor incrustado a la hora de generar la tabla (si ésta fuese dinámica).
Y en tu Javascript:
mostrarPopUp = function(ididRecibido) {
// Llamada AJAX pasando el id...
// Actualizar la información del PopUp
// Mostrar PopUp
}
Siguiendo ese orden, harías una llamada a tu almacén de datos mediante AJAX, algo como esto (muy genérico en jQuery, ya que no sé cómo estás haciendo tu llamada):
$.get(
'http://mi.api.com/getCosas', // URL del almacén a consultar
{ id: idRecibido }, // Se le pasa el parámetro
function (data, status) { // Función callback que recibe los datos
// Rellenar los datos del PopUp: data.valor1, data.valor2...
}
);
Y luego podrías mostrar el PopUp con un show()
:
$('#idPopUp').show();
Si bien no es la opción más reutilizable (ni la más eficiente, seguramente), sí es la más sencilla y que menos librerías necesita. De hecho, se podría hacer incluso sin jQuery, pero me parece mas engorroso.