Не срабатывает цикл for при обходе массива

var nabor = $('#category'); 
var items = $('#items'); 
var data = { 
  "Набор услуг A": ['1 Услуга из набора A', '2 Услуга из набора A', '3 Услуга из набора A'], 
  "Набор услуг B": ['1 Услуга из набора B', '2 Услуга из набора B', '3 Услуга из набора B'], 
} 
var uslugi = Object.keys(data); 
 
for (var i = 0; i < uslugi.length; i++) { 
  nabor.append('<p>' + uslugi[i] + '</p>'); 
} 
 
$('#category p').on('click', function() { 
  var uslugiiznabora = data[$(this).text()]; 
  console.log(uslugiiznabora); 
  items.length = 0; 
 
  for (var i = 0; i < uslugiiznabora.length; i++) { 
    items.append('<p>' + uslugiiznabora[i] + '</p>'); 
  } 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>