My data is not showing on the page

data is showing on colsole but not on the page.
const client = contentful.createClient({

  space: ".......",
  
  accessToken: "..."
});

client.getEntries({
    'content_type': 'ecom'
  })
  .then(function (entries) {
      
              entries.items.forEach(function (entry) {
              let title=entry.fields.title;
              


              jQuery('#card').append('<div class="card-body"><h5 class="card-title">'+'title'+'</h5></div>');
      })
  })
index.html

<div class="container">
        <div class="card" style="width: 18rem;">
            <img src="..." class="card-img-top" alt="...">
            <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="btn btn-primary">Go somewhere</a>
            </div>
        </div>
    </div>