title: Populate jquery select
body: <p>I have been banging my head against the wall on this one and hope that some one can help. I'm populating a select box using <strong>ajax</strong>. which i have been able to do, but i can only seem to display the first value, the data is coming in a <strong>json</strong>. When I console log aData I get multiple values but I don't on the select list... any ideas?</p>
  
  <pre><code>$('.request-make').change(function () {
      var postVars = new Object();
      postVars.make = $('.request-make').val();
  
      $.ajax({
          type: 'POST',
          url: '/car_search/get_model',
          dataType: 'json',
          data: postVars,
          cache: false,
          success: function (aData) {
              //alert(aData)  
              //console.log(aData)
              //$('#request-model').val(response.data);
              $('#makebox').get(0).options.length = 0;
              $('#makebox').get(0).options[0] = new Option("--Select--", "0");
  
              $.each(aData, function (i, item) {
                  $('#makebox').get(0).options[$('#makebox').get(0).options.length] = new Option(item[i].data, item[i].data);
              })
          }
      });
  });
  </code></pre>