El formulario que creé no activará .submit. No hay identificadores o nombres = 'enviar'. El botón 'Volver' funciona como está codificado. El programa vuelve a la página de llamada. El tipo de entrada 'Actualizar' = enviar no hace nada. No sé cómo solucionar esto, ya que las herramientas de desarrollo web no muestran una pista de lo que está mal.

[La imagen es del formulario en funcionamiento '#revForm']

 $(function () { var form_str=""; var fields=<?php echo json_encode($fields); ?>; var cfields=<?php echo json_encode($capFields); ?>; var qdata=<?php echo json_encode($qdata); ?>; $("#returnvalbox").show(); $(".formcontainer").append("<form id='revForm' name='revForm' method='post' action='#'>"); var i=0; Object.keys(qdata).forEach(key => { // create the form body if (key=="id") { // you can't edit the id form_str="<label for='"+key+"'>"+cfields[i++]+" </label>"; form_str+="<input type='text' class='body' "; form_str+="id='"+key+"'name='"+key+"' value='"+qdata[key]+"' readonly ><br>"; }else { form_str="<label for='"+key+"'>"+cfields[i++]+" </label>"; form_str+="<input type='text' class='hov body' "; form_str+="id='"+key+"'name='"+key+"' value='"+qdata[key]+"'><br>"; } $(".formcontainer").append(form_str); }); //Object.keys $(".formcontainer").append("<br><input type='submit' class='cbut hov' value='Update'>") .append("&nbsp;&nbsp;<button type='button' class='cbut hov' id='bak'>Go Back</button><p></p>"); $(".formcontainer").append("</form>"); $("#revForm").submit(function(event) { event.preventDefault(); alert("submitted Line 142"); **<<============= this does nothing !** }) // submit }) // ready