title: How do I convert the items of an LI into a json object using jquery?
body: <p>If I have a list like the following:</p>
  
  <pre><code>&lt;ul class="nameList"&gt;
      &lt;li value="1"&gt;Bob&lt;/li&gt;
      &lt;li value="2"&gt;Frank&lt;/li&gt;
      &lt;li value="3"&gt;Sally&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>How can I convert that into a json object like so:  </p>
  
  <blockquote>
    <p>[{"id":"1","title":"Bob"},
    {"id":"2","title":"Frank"},
    {"id":"3","title":"Frank"}]</p>
  </blockquote>
  
  <p>I need to get that data into that format so I can then pass pass it in a $.post() call back to my php server.</p>
  
  <p>Can someone tell me how to get the items from that list and convert them into the above json using jQuery?</p>