Submit dynamically created form with jQuery

Hi all

I've been trying to achieve this for several hours but to avail. Hope I can find enlightenment here....

I am trying to make a dynamically form created by jquery in div element in a.php , submit to b.php, then return the result the same div in a.php

So far this is my code

a.php

When I click the a#igniter, it will populate the div panel with a form. I managed it with this piece of code.

With this i have a form (id="group_edit") in div panel in a.php. Great! But, whenever i submit, the whole page goes to b.php instead of the div....

tried this code as well:

but seems like it just never goes there.....

I tried the solutions here:
http://www.coderanch.com/t/482557/HTML-JavaScript/Submit-dynamically-created-form-jQuery
and
http://www.coderanch.com/t/480299/HTML-JavaScript/jQuery-form-submit-Form-plugin#2166604

but doesn't work for me....

Please help me.... thanks.....

Actually........... I solved it.

This is the final code that works:

Hope it helps any other who needs. Cheers

I was hoping you might be able to help me out. I am pretty new to coding, but I am using a php/ajax script to dynamically load my drop down menus from a mySQL db.
Here is the code I'm using.

<?php
//***************************************
// This is downloaded from www.plus2net.com //
/// You can distribute this code with the link to www.plus2net.com ///
//  Please don't  remove the link to www.plus2net.com ///
// This is for your learning only not for commercial use. ///////
//The author is not responsible for any type of loss or problem or damage on using this script.//
/// You can use it at your own risk. /////
//*****************************************

require "config.php"; // Your Database details 
?>

<!doctype html public "-//w3c//dtd html 3.2//en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Textbooks</title>
<meta name="GENERATOR" content="Arachnophilia 4.0" />
<meta name="FORMATTER" content="Arachnophilia 4.0" />

<SCRIPT language=JavaScript>
function reload(form)
{
var val=form.TERM.options[form.TERM.options.selectedIndex].value; 
self.location='dd3.php?TERM=' + val ;
}
function reload3(form)
{
var val=form.TERM.options[form.TERM.options.selectedIndex].value;

var val2=form.CURR.options[form.CURR.options.selectedIndex].value;

self.location='dd3.php?TERM=' + val + '&CURR=' + val2 ;
}

</script>

<body id="page2" onload="new ElementMaxHeight();">
                        <h4>Textbook Information</h4><br />
		           
	<?

$cat=$_POST['TERM'];
$subcat=$_POST['CURR'];
$subcat3=$_POST['COURSE'];

///////// Getting the data from Mysql table for first list box//////////
$quer2=mysql_query("SELECT DISTINCT TERM FROM SUMMER order by TERM"); 
///////////// End of query for first list box////////////

/////// for second drop down list we will check if category is selected else we will display all the subcategory///// 
@$cat=$_GET['TERM']; // This line is added to take care if your global variable is off
if(isset($cat) and strlen($cat) > 0){
$quer=mysql_query("SELECT DISTINCT CURR FROM SUMMER where TERM = '$cat' order by CURR"); 
}else{$quer=mysql_query("SELECT DISTINCT CURR FROM SUMMER order by CURR"); } 
////////// end of query for second subcategory drop down list box ///////////////////////////

/////// for Third drop down list we will check if sub category is selected else we will display all the subcategory3///// 
@$cat3=$_GET['CURR']; // This line is added to take care if your global variable is off
if(isset($cat3) and strlen($cat3) > 0){
$quer3=mysql_query("SELECT DISTINCT COURSE FROM SUMMER where TERM = '$cat' AND CURR = '$cat3' order by COURSE"); 
}else{$quer3=mysql_query("SELECT DISTINCT COURSE FROM SUMMER order by COURSE"); } 
////////// end of query for third subcategory drop down list box ///////////////////////////

echo "<form method=post name=Textbooks action='dd3ck.php'>";

//////////        Starting of first drop downlist /////////
echo "<select name='TERM' onchange=\"reload(this.form)\"><option value=''>Select Term</option>";
while($row = mysql_fetch_array($quer2)) { 
if($row['TERM']==$cat){echo "<option selected value='$row[TERM]'>$row[TERM]</option>"."<BR>";}
else{echo  "<option value='$row[TERM]'>$row[TERM]</option>";}
}
echo "</select>";
//////////////////  This will end the first drop down list ///////////
echo "<br />";
//////////        Starting of second drop downlist /////////
echo "<select name='CURR' onchange=\"reload3(this.form)\"><option value=''>Select Curriculum</option>";
while($row = mysql_fetch_array($quer)) { 
if($row['CURR']==$cat3){echo "<option selected value='$row[CURR]'>$row[CURR]</option>"."<BR>";}
else{echo  "<option value='$row[CURR]'>$row[CURR]</option>";}
}
echo "</select>";
//////////////////  This will end the second drop down list ///////////
echo "<br />";

//////////        Starting of third drop downlist /////////
echo "<select name='COURSE'><option value=''>Select Course</option>";
while($row = mysql_fetch_array($quer3)) { 
echo  "<option value='$row[COURSE]'>$row[COURSE]</option>";
}
echo "</select>";
//////////////////  This will end the third drop down list ///////////

echo "<br /><input type=submit value='View Books'></form>";
?>
                 <div class="col-2 maxheight" style="margin-left: 0">
                    <h2><b><b>textbook information</b></b></h2>
              		<div id="Results"><font color="white">*****Books will be listed here after selection is made*****</font></div>
                  </div>

Is it possible to use something similar to what you've got to submit my results into my Results div instead of a separate page?

Thanks!