title: populate select boxes from json string using jquery
body: <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>