Form from Ajax loaded page

Form from Ajax loaded page

so I have a page that loads content via AJAX.
  2. $('#responseForm<?php echo $id; ?>').submit(function(){$('input[type=submit]', this);});

  4. function parseResponse<?php echo $id; ?> () 
  5. {
  6. var hiddenField2<?php echo $id; ?> = $("#hiddenField2<?php echo $id; ?>");
  7. var hiddenField<?php echo $id; ?> = $("#hiddenField<?php echo $id; ?>");
  8. var hiddenField1<?php echo $id; ?> = $("#hiddenField1<?php echo $id; ?>");

  10. var url = "news_parse1.php";
  12. $.post(url,{  hiddenField2: hiddenField2<?php echo $id; ?>.val(),hiddenField: hiddenField<?php echo $id; ?>.val(), hiddenField1:hiddenField1<?php echo $id; ?>.val()  } , 
  13. function(data) {
  15. });
  16. setTimeout(function() {

  18. $.ajax({
  19. type:"POST",
  20. url:"news_load1.php",
  21. data:"getNews=true",
  22. success: function(r){
  23. $("#newsContent").html(r),
  24. $("#newsContent").append(r);

  26. },
  27. error: function(){
  28. alert($(".hiddenField2<?php echo $id; ?>").val());
  29. $("#error").text($(".hiddenField2<?php echo $id; ?>")).fadeIn(300)
  30. }
  31. })


  34. },200);
  35. }
then this page is the loaded page:
  2. <?php 
  3. session_start();
  4. include_once("connect.php");

  7.    



  11. $cid = 'abcdefghijklmnop';  
  12.  $academy = 'Old_Cheney';
  13.  if($academy=="Old_Cheney"){$city= "Lincoln";}else if($academy=="Yankee_Hill"){$city= "Lincoln";}else if($academy=="Holdrege"){$city= "Lincoln";}else if($academy=="Maple"){$city= "Omaha";}
  14.  else if($academy=="Center"){$city= "Omaha";}
  15.  else if($academy=="Pensacola"){$city= "Pensacola";}
  16. $sql = mysql_query("SELECT * FROM login where academy ='$academy'");
  18. ?>
  19.  <?php
  20. if(($_POST['submit'])){
  21. $price=$_POST["price"];
  22. $quant=$_POST["qty"];
  23. $id=$_POST["id"];

  25. $discount=$_POST["discount"];

  27. $point=".";
  28. $disc= $point.$discount;
  29. if(isset($_POST['discount'])){$price1=$price * $disc;
  30. $price2= $price - $price1;

  32. mysql_query("UPDATE cart SET price = '$price2', quantity = '$quant' WHERE id = '$id' ");
  33. }else{
  34. mysql_query("UPDATE cart SET price = '$price', quantity = '$quant' WHERE id = '$id' ");
  35. }
  36. ?>
  37. <script>
  38. $("#newsContent").load("index.php #newsContent");

  40. </script>
  41. <?php
  42. }

  44. ?> 
  45. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  46. <html xmlns="http://www.w3.org/1999/xhtml">
  47. <head>
  48. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  49. <title>Untitled Document</title>
  50. <script src="scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
  51. <script src="scripts/jquery.dataTables.min.js" type="text/javascript"></script>
  52. <script src="scripts/jquery.dataTables.columnFilter.js" type="text/javascript"></script>
  53. <script src="scripts/jquery.dataTables.pagination.js" type="text/javascript"></script>
  54. <link href="css/data_table.css" rel="stylesheet" type="text/css" />
  55. <style type="text/css">
  56. /* BeginOAWidget_Instance_2586523: #dataTable */

  58. @import url("css/custom/base/jquery.ui.all.css");
  59. #dataTable {padding: 0;margin:0;width:100%; }
  60. #dataTable_wrapper{width:80%;
  61. }
  62. #dataTable_wrapper th {cursor:pointer} 
  63. #dataTable_wrapper tr.odd {color:#000; background-color:#FFF}
  64. #dataTable_wrapper tr.odd:hover {color:#333; background-color:#CCC}
  65. #dataTable_wrapper tr.odd td.sorting_1 {color:#000; background-color:#999}
  66. #dataTable_wrapper tr.odd:hover td.sorting_1 {color:#000; background-color:#666}
  67. #dataTable_wrapper tr.even {color:#FFF; background-color:#666}
  68. #dataTable_wrapper tr.even:hover, tr.even td.highlighted{color:#EEE; background-color:#333}
  69. #dataTable_wrapper tr.even td.sorting_1 {color:#CCC; background-color:#333}
  70. #dataTable_wrapper tr.even:hover td.sorting_1 {color:#FFF; background-color:#000}
  72. /* EndOAWidget_Instance_2586523 */
  73. </style>
  74. <script type="text/xml">
  75. <!--
  76. <oa:widgets>
  77.   <oa:widget wid="2586523" binding="#dataTable" />
  78. </oa:widgets>
  79. -->
  80. </script>
  81. </head>

  83. <body>
  84. <script type="text/javascript">
  85. // BeginOAWidget_Instance_2586523: #dataTable

  87. $(document).ready(function() {
  88. oTable = $('#dataTable').dataTable({
  89. "bJQueryUI": true,
  90. "bScrollCollapse": false,
  91. "sScrollY": "125px",
  92. "bAutoWidth": true,
  93. "bPaginate": true,
  94. "sPaginationType": "two_button", //full_numbers,two_button
  95. "bStateSave": true,
  96. "bInfo": false,
  97. "bFilter": false,
  98. "iDisplayLength": 100,
  99. "bLengthChange": false,
  100. "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
  101. });
  102. } );
  104. // EndOAWidget_Instance_2586523
  105. </script>
  106. <table cellpadding="0" cellspacing="0" border="0" id="dataTable">
  107.   <thead>
  108.     <tr>
  109.           <th>ID</th>

  111.       <th>Product</th>
  112.       <th>Category</th>
  113.       <th>Price</th>
  114.       <th>Quantity</th>
  115.       <th>Discount</th>
  116.     </tr>
  117.   </thead>
  118.   <tbody>
  119.     <!--Loop start, you could use a repeat region here-->
  120.     <?php
  121. if(isset($_POST['getNews'])){
  122. $sql1= mysql_query("SELECT * FROM cart where cart_id='$cid' ORDER BY id ASC ");
  123. while($row1 = mysql_fetch_array($sql1)){
  124. $price = $row1['price'];
  125. $product = $row1['product123'];
  126. $id = $row1['id'];
  127. $qty = $row1['quantity'];
  128. $category = $row1['category'];

  130. $total =  $price + $total;
  132. if ($total == " "){$total = "0";} 
  135. ?>
  136.     <form action="news_load1.php" method="post" name="form"><tr height="10">
  137.           <td><input name="id" type="text" value="<?php echo $id; ?>" size="5" /></td>

  139.       <td><?php echo $product; ?></td>
  140.       <td><?php echo $category; ?></td>
  141.       <td><input name="price" type="text" value="<?php echo $price; ?>" size="5" /></td>
  142.       <td><input name="qty" type="text" value="<?php echo $qty; ?>" size="5" /></td>
  143.       <td><input name="discount" type="text" value="" size="5" /> <input name="submit" type="submit" /></td>
  144.       
  145.    </tr></form>
  146.    <?php
  147. }}
  148. ?>
  149.   </tbody>
  150. </table>
  151. <?php echo $total; ?>
  152. </body>
  153. </html>
How do I make it so that the form in the loaded page will submit via ajax or php(like I am trying to now, but it doesn't submit).  any help on this?