how to iterate DOM ol and save its li values to array using jquery
<p>I would like to iterate ol and save all li into array</p>

<pre><code>&lt;ol id="sortableAvailable"&gt;
  &lt;li id="1"&gt;&lt;a href="" &gt;Foo 1&lt;/a&gt;&lt;/li&gt;
  &lt;li id="2"&gt;&lt;a href="" &gt;Foo 2&lt;/a&gt;&lt;/li&gt;
  &lt;li id="3"&gt;&lt;a href="" &gt;Foo 3&lt;/a&gt;&lt;/li&gt;
  &lt;li id="4"&gt;&lt;a href="" &gt;Foo 4&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
</code></pre>

<p>js should be somthing like this:</p>

<pre><code>var testInfoList = {};
testInfoList.ConfiguredTests = [];    


/* some iteration that do the following */
testInfoList.ConfiguredTests.push({
    ID: /*here i want the ID*/,
    Value: /*here i want the value*/
});
</code></pre>
