Javascript Text Value Kabul Etmiyor!

Merhaba,

Verileri çekerken herhangi bir sorun yok ama panele yansıtırken renklerin değerlerini yansıtıyor, değer kısmına ise sadece sayı giriliyor yani siyah'a siyah değerini atayamıyorum o zaman seçenekler çıkmıyor.

var data = [
  {
    "renk": "Siyah",
    "deger": "1",
    "beden": [
      "S",
      "M",
      "L",
      "XL"
    ]
  },
  {
    "renk": "Gri",
    "deger": "1",
    "beden": [
      "S",
      "M",
      "L",
      "XL"
    ]
  },
  {
    "renk": "Kırmızı",
    "deger": "1",
    "beden": [
      "S",
      "M",
      "L",
      "XL"
    ]
  },
  {
    "renk": "Yeşil",
    "deger": "1",
    "beden": [
      "S",
      "M",
      "L",
      "XL"
    ]
  },      
  {
    "renk": "Mavi",
    "deger": "1",
    "beden": [
      "S",
      "M",
      "L",
      "XL"
    ]
  }
]

function search(nameKey, myArray){
    for (var i=0; i < myArray.length; i++) {
        if (myArray[i].deger == nameKey) {
            return myArray[i];
        }
    }
}
$( document ).ready(function() {
  $.each(data, function( index, value ) {
    $('#Renkler').append($('<option>', {
        value: value.deger,
        text:  value.renk
    }));
  });
  $("#Renkler").change(function(){
    var valueSelected = this.value;
    if($('#Renkler').val() > 0) {
      $('#Bedenler').html('');
      $('#Bedenler').append($('<option>', {
        value: 0,
        text:  'Beden Seç'
      }));
      $('#Bedenler').prop("disabled", false);
      var resultObject = search($('#renkler').val(), data);
      $.each(resultObject.beden, function( index, value ) {
        $('#Bedenler').append($('<option>', {
            value: value,
            text:  value
        }));
      });
      return false;
    }
    $('#Bedenler').prop("disabled", true);
  });
});