creating quiz jquery, function load options store quiz <p>code: <a href="http://jsfiddle.net/HB8h9/7/" rel="nofollow">http://jsfiddle.net/HB8h9/7/</a></p> <pre><code>&lt;div id="tab-2" class="tab-content"&gt; &lt;label for="tfq" title="Enter a true or false question"&gt; Enter a Multiple Choice Question &lt;/label&gt; &lt;br /&gt; &lt;textarea name="tfq" rows="3" cols="50"&gt;&lt;/textarea&gt; &lt;p&gt;Mark the correct answer&lt;/p&gt; &lt;input type="radio" name="multians" value="A"&gt;A)&lt;/input&gt; &lt;input name="Avalue" type="text"&gt; &lt;br&gt; &lt;input type="radio" name="multians" value="B"&gt;B)&lt;/input&gt; &lt;input name="Bvalue" type="text"&gt; &lt;br&gt; &lt;input type="radio" name="multians" value="C"&gt;C)&lt;/input&gt; &lt;input name="Cvalue" type="text"&gt; &lt;br&gt; &lt;input type="radio" name="multians" value="D"&gt;D)&lt;/input&gt; &lt;input name="Dvalue" type="text"&gt; &lt;br&gt; </code></pre> <h2> </h2> <hr> <p>//different file below used as main page</p> <pre><code>$(document).ready(function() { $("#second li ").click(function() { $("#content").load("file_above.html .tabs"); }); }); </code></pre> <p>trying to create a quiz using div elements from different file containing select option tags. Need to create a function which will load all the "appropriate div tags" according to the selected option and display the dropdown options again after each option has been selected. I'm not sure when to implement submit button either after each question type is loaded or somewhere between 5 - 10 questions. the submit button will "store" the questions selected into a quiz which will later be used for another user to answer.</p> <p>I hope this makes sense, I'm not too familiar with jquery and any help would be highly appreciated.</p> <p>Any other techniques which would be better suited are also welcomed. thanks.</p>