title: Javascript Multidimensional array form html list
body: <p>I'm seriously getting crazy with a huge problem ....
  I've got an html list like :</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;span&gt;Fiat&lt;/span&gt;
      &lt;ul&gt;
        &lt;li&gt;Punto&lt;/li&gt;
        &lt;li&gt;Croma&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;span&gt;Ford&lt;/span&gt;
      &lt;ul&gt;
        &lt;li&gt;Focus&lt;/li&gt;
        &lt;li&gt;Fiesta&lt;/li&gt;
        &lt;li&gt;bla bla...&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>(i can change the html if necessary, but that would be the general idea of the list)
  now... i need to put the data into 2 textboxes using javascript hint, so who would type a few letter would have the list ...</p>
  
  <p>the main problem is converting that list in a javascript array so i can update the second textbox according to the brand previously selected ... 
  Is a good idea using a multidimensional array ? 
  Anyone able to give me the code to transform that nested list into a multidimensional array ?
  Better ways to solve this problem ?</p>
  
  <p>Thanks in advance :)</p>