title: Comma separated values: from strings to objects to list
body: <p>I have 3 variables with strings containing comma separated values (I don't know how many) which I want to combine into jQuery objects.</p>
  
  <pre><code>"name1,name2,name3,nameN"
  "value1,value2,value3,valueN"
  "id1,id2,id3,idN"
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>var item1 = { name: name1, value: value1, id: id1 };
  var item2 = { name: name2, value: value2, id: id2 };
  var item3 = { name: name3, value: value3, id: id3 };
  var itemN = { name: nameN, value: valueN, id: idN };
  </code></pre>
  
  <p>To then iterate an operation over each item, for example to append a list:</p>
  
  <pre><code>&lt;h3&gt;items&lt;/h3&gt;
  &lt;ul&gt;
      &lt;li&gt;item1&lt;/li&gt;
         &lt;ul&gt;
            &lt;li&gt;value: &lt;b&gt;value1&lt;/b&gt;&lt;/li&gt;
            &lt;li&gt;id: &lt;b&gt;id1&lt;/b&gt;&lt;/li&gt;
         &lt;/ul&gt;
  
      [...]
  
      &lt;li&gt;itemN&lt;/li&gt;
         &lt;ul&gt;
            &lt;li&gt;value: &lt;b&gt;valueN&lt;/b&gt;&lt;/li&gt;
            &lt;li&gt;id: &lt;b&gt;idN&lt;/b&gt;&lt;/li&gt;
         &lt;/ul&gt;
  &lt;ul&gt;
  </code></pre>
  
  <p>What is the best way to do this?</p>