Compare lists after one is dropped
<p>I working on a page in which I need to drag items from one list, drop them in a drop zone, then compare the order in which they were dropped with an answer key using a submit button. Basically a very simple drag and drop quiz. My problem is figuring out the best way to accomplish this. I know a small amount of JQuery, and PHP so any help would be appreciated.</p>

<pre><code>&lt;ul id="answerList"&gt;
    &lt;li&gt;&lt;a draggable="true" href"#" id="one"&gt;Question 1&lt;/li&gt;
    &lt;li&gt;&lt;a draggable="true" href"#" id="two"&gt;Question 2&lt;/li&gt;
    &lt;li&gt;&lt;a draggable="true" href"#" id="three"&gt;Question 3&lt;/li&gt;
&lt;/ul&gt;

&lt;ul id="answerDrop"&gt;
    &lt;li&gt;Drop Answer Here&lt;/li&gt;
&lt;/ul&gt;

&lt;div id="submitBtn"&gt;
     &lt;input type="button"&gt;
&lt;/div&gt;
</code></pre>
