Как исправить данный код?

Имеется код для добавления данных из json в div блоки с одинаковым классом и с уникальным id. Но он не работает, уже замучался искать в чем проблема. Помогите пожалуйста.

function show() {
	$.ajax({
        url: 'ajax/prop',
        dataType: 'html',
        success:function(data){
        var jsonStr = JSON.parse(data);
            $('.prop').each(function (index, element) {
	           var container = $(this).attr('id');
             jsonStr.forEach(function(item) {
                  const itemBtn = document.createElement('button');
                  itemBtn.classList.add('btn');
                  itemBtn.id = item.id;
                  let innerHtml = '';
             Object.keys(item).forEach(function(key) {
                  innerHtml += `
                <dd>${item[key]}<dd> `;
                 });
                innerHtml += '';
                itemBtn.innerHTML = innerHtml;
                $('#' + container).appendChild(itemBtn);
          });
     })
   }
 });
}
	
		$(document).ready(function(){
			show();
			setInterval(show(),1000);
		});

<div id="1" class="prop"></div>
<div id="2" class="prop"></div>
<div id="3" class="prop"></div>