Myujth

I have a dynamic list I am printing to the user of articles scraped using Cheerio. They display via handlebars with a modal created inside each article iteration. My only catch is the modal is meant to display the headline captured for the article on which a user selects to chat, but I'm only getting the first index article in the modal for any of the articles selected in the user screen. Not sure what I'm missing here.

 <ul>
 #each found
 <div class="card">
 <img class="card-img-top" src="this.image" />
 <h4 class="card-header"><span class="label"></span> 
this.headline</h4>
 <div class="card-body">
 <p class="card-text"><span class="label"></span> this.summary</p>
 <a href=this.link class="btn btn-primary">Read Full Article</a>
 <a data-id=this._id><button id="myBtn" value=this.headline class="btn btn-primary chat-button">Chat!</button></a>
 <button type="button" href="/delete" data-id=this._id class="btn btn-primary delete-button">Delete</button>

!-- Modal --
 <div id="myModal" class="modal">
 <div class="modal-content">
 <span class="close">&times;</span>
 <h4>this.headline</h4>
 Share your thoughts w/ Chicago!
 <form>
 First name:<br>
 <input type="text" name="firstname"><br>
 Comment:<br>
 <textarea name="comment" rows="10" columns="20"></textarea>
 <button type="button" href="/delete" data-id=this._id 
class="btn btn-primary delete-button">Send</button>
 </form>
 </div>
 </div>
 </div>
 </div>

 /each
 </ul>