title: Populate dropdown from json response
body: <p>I want to populate my dropdown with json data.</p>
  
  <pre><code>&lt;select id="selectSkill"&gt;&lt;option&gt;Choose a skill&lt;/option&gt;&lt;/select&gt;
  </code></pre>
  
  <p>I have <strong>json</strong> in following format:</p>
  
  <pre><code>[
    {
      "SkillID": "100",
      "SkillName": "301 - COMCAST"
    },
    {
      "SkillID": "36",
      "SkillName": "303 - COX"
    },
  ]
  </code></pre>
  
  <p>In case of normal arrays, I would do it like this:</p>
  
  <pre><code>var array= ["1", "2", "3", "4", "5"];
  $.each(array, function (i, p) {
  $('#selectSkill').append($('&lt;option&gt;&lt;/option&gt;').val(p).html(p));
  </code></pre>
  
  <p>How would I populate my dropdown as to set <code>SkillID</code> as value and <code>SkillName</code> as text of my dropdown?</p>