localStorage 저장

 선생님 구매버튼을 눌러도 로컬 스토리지에 "" 빈칸만 저장이 됩니다. 도움이 필요합니다. 

products.forEach((a,i) => {
          let template = `
          <div class="col-sm-4">
          < img src="https://via.placeholder.com/600" class="w-100">
          <h5>${products[i].title}</h5>
          <p>가격 : ${products[i].price}</p></div>
          <button class="buy">구매</button>`;
            
          document.querySelector('.row').insertAdjacentHTML('beforeend', template);
        })

       $('.buy').click(function(e){
        let text = $(e.target).siblings('h5').text();
        console.log(text);
        if (localStorage.getItem('cart') != null ){
          let 꺼낸거 = JSON.parse(localStorage.cart);
          꺼낸거.push(text);
          localStorage.setItem('cart', JSON.stringify(꺼낸거));
        } else {
          localStorage.setItem('cart', JSON.stringify([text]))
        }
      });