Question

I have the following HTML:

 </td><td>
            <div id="arrow"></div>
            </td>


    <form method="POST" action="index.php">
        <input type="hidden" name="process" value="add_report">
        <td>
            <div id="conditionals">
                <?include('ajax/condition.php');?>
            </div>
        </td>
        </tr>
        <tr><td></td><td>
            <div id="orderby">
                <?include('ajax/order.php');?>
            </div>
        </td></tr>
        <tr><td></td><td>
            <input type="submit" name="genSQL" value="getSQL()" id="submitPersonData" style="float: right;">
        </td></tr>
    </form>

Both condition.php and order.php are dynamically loaded via Jquery and have form elements in them (such as text boxes, check boxes and select boxes etc). However when I post the form, the ajax-loaded elements dont get posted with it, all I get is the ‘process’ element and the submit button.

Any ideas why, and how to fix it please?

For more info:

EDIT:

When I extracted just the HTML from chrome’s developer tools I ran the ‘pre-generated’ form as an HTM file, and it worked perfectly fine. Its a jquery problem, and I don’t know how to fix it.

EDIT:
I have found the solution to the problem. The and Were outside of the form boundries (i.e. not in a cell box) which caused the form to be mis-interpreted. Thank you for all your help and I hope this helps someone else.

Answer 1

The problem was that I was starting the form in between and statements, causing the form to be be displayed incorrectly.