Please Help Me!!! Modal Does Not Work : `cell = '<div class="col-4"><div class="card" style="width: 18rem;">\
        <img class="card-img-top" src="products/'+thumb+ '" alt="Card image cap">\
        <div class="card-body">\
          <h5 class="card-title">'+title+ '</h5>\
          <p class="card-text">'+cats+'</p>\
          <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Show More</button>\
        </div>\
      </div></div>`

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
      
        <div class="modal-body">
          <span id="message">Thank You </span>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>


Please help me. My modal doesnt show no matter how many times i try. Does modal work in bootstrap cards? No matter how many times i press the button the modal doesnt show. My modal is in another html page. Is there a problem with that? Im using visual studio code