根据json响应

Question

嗨所以我有这个选择标签/下拉列表，我需要根据json的输出填充。方案是这样，用户从下拉列表中选择一个主要类别。然后在更改此下拉列表时，我从主类别中获取数据库中的子类别数据。在这一点上我成功获取子类数据我在控制台中显示数据，但它不会填充下拉列表这里是我的代码

主要和子类别的下拉列表

<div>
      <label for="">Main Category</label>
      <select name="category" id="category">
          @foreach($categories as $category)
            <option value="{{$category->maincategoryid}}">{{$category->maincategoryname}}</option>
          @endforeach
      </select>
  </div>
 <div id="subcate">
      <label for="">Sub-Categories</label>
      <select name="sc" id="sc">
        <option value=""></option>
      </select>
  </div>

然后这是我的脚本

<script>  
      $('#category').on('change' , function(e)
      {
          console.log(e);
          var cat_id = e.target.value;
          // alert(cat_id);
          //ajax
          $.get('ajax-subcat?cat_id=' + cat_id, function(data)
          {

              $('#sc').empty();
              $.each(data, function(i, subcatObj)
              {
                  console.log(data[i].subcategoryname);
                  $('#sc').append('<option value="' + data[i].subcategoryid + '">' + data[i].subcategoryname + '</option>');
              });
          });

      });
  </script>

控制台的示例输出

事情是它没有附加我得到的数据。关于我需要做什么的任何想法？非常感谢！

注意

我目前正在使用Material设计和php框架Laravel 4.2