I'm a bit confused by how jQuery ajax works. I'm trying to create a customer management system (CMS) with jQuery and php.

I want to give the user the opportunity to create a car. Let's say he must define a "car name" and check some options in a checkbox list. 

At the same page i give the user the opportunity to add or delete some options. This adding

and deleting happens with jQuery and ajax. When a user add an option, i call a php page (addOption.php) that processes the option and add's it to the database. If the ajax call is successful, i reload the options in a div using the ajax load() function. Who calls a php page (reloadOptions.php) that reads out the options from the database and constructs them into a list of check-boxes.

All this works fine. The problem occurs when i try to check what check-boxes are checked.

(difficult sentence here  )

It seems that the data don't exist in the page source. I think this happens because of the asynchronous working of ajax. And i really need the options to create the car!

Finally, my question is how can i access that options data? And if you can't, is there still

a way where you can access that data?

What do you think about my approach to handle the cms system? Good / Bad / omg / ...

Below are some code blocks i use:

The page index.php : jQuery/ajax that processes the options and the html code

2.    //At the start i load the options in
3.             $('.options').load('./php/OptionsReload.php);
4. 
   
5.  $("#FormOptions").submit(function(e)
6.  {
7.       $.ajax({
8.              type: "POST",
9.             url: "./php/addOption.php",
10.             data: $(e.target).serialize(),
11.             dataType: "json",
12. 
    
13.              success: function(data)
14.              {
15.                   $('.options').load('./php/reloadOptions.php);
16.              }
17.        });
18.       return false;
19. });
20. 
    
21. ..................
22. //Form where you can add the option
23.      <form id="FormOptions">
24.              <input type="text" name="optionName" />
25.              <input type="submit" name="submitOption" value="Add option" />
26. </form>
27. 
    
28. ......................
29.  //Div where i show the options to the user
30.       <form name="formChecks" method="post" enctype="multipart/form-data">
31.              <div class="options">
32.                    //Content loaded with jQuery
33.              </div>
34.        </form>

The page addOption.php : code that adds the option to the database

1. //Database connect
2. ...
3. return mysql_query("INSERT INTO options(option) VALUES('". $POST_['optionName'] ."');");
4. 
   

The page reloadOptions.php : code that constructs the html with the options

2. 
   
3. <select name="mydropdown">
4.     <?php 
5.             $options = ...... connect with DB and select all the options
6.               while($row = mysql_fetch_assoc($options))
7.                {
8.                       echo ("<option value='" . $row['Id'] . "'>" . $row['optionName'] . "</option>");
9.                }
10.      ?>
11. </select>