populate select boxes from json string using jquery
<p>I have a list of select boxes with incremental numbers to identify then e.g.</p>

<pre><code>&lt;select id="my-select-0"&gt;
  &lt;option value="1"&gt;first option&lt;/option&gt;
  &lt;option value="2"&gt;first option&lt;/option&gt;
&lt; option value="3"&gt;first option&lt;/option&gt;
&lt;/select&gt;
&lt;select id="my-select-1"&gt;
  &lt;option value="1"&gt;first option&lt;/option&gt;
  &lt;option value="2"&gt;first option&lt;/option&gt;
  &lt;option value="3"&gt;first option&lt;/option&gt;
&lt;/select&gt;
&lt;select id="my-select-2"&gt;
  &lt;option value="1"&gt;first option&lt;/option&gt;
  &lt;option value="2"&gt;first option&lt;/option&gt;
  &lt;option value="3"&gt;first option&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>I have a json string which I want to use to pre populate these selects e.g.</p>

<pre><code>json = "[{'my-select': 1}, 
         {'my-select': 3}]";
</code></pre>

<p>in the example above <code>my-select-0</code> would be set to 1 and <code>my-select-1</code> is set to 3.</p>

<p>How would I go about doing this in JQuery?</p>

<p>Thanks</p>
