title: jQuery - how to post a HTML list (ul, ol) to another page as if it were a form?
body: <p>I've made an editable list with elements that can be dragged around using jQuery ui and jeditable.
  Now I want to 'post' the the content of the list and save it.
  How do I "serialize" the contents of the list?</p>
  
  <p>for instance, if I have the list:</p>
  
  <pre><code>&lt;ol id="topics"&gt;
      &lt;li&gt;&lt;span class="editable"&gt;random topic&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span class="editable"&gt;another topic&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span class="editable"&gt;third topic&lt;/span&gt;&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>How do I convert it to the string:</p>
  
  <pre><code>?topics1=random topic&amp;topic2=...
  </code></pre>
  
  <p>I hope this makes sense.
  My goal is to the save the list order and contents by using post.
  Thanks</p>