JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Pop Check -->
<div class="popover-markup">
   @foreach (var items in ViewBag.deciplanes)
   {
   <input class="checkbox-inline" type="checkbox" value="@items.DisciplineID">
   <a  class="trigger"  data-toggle="popover">Test</a>
   <!-- Popup Content-->
   <div class="content hide">
      <div class="head hide">Select Users For PD<span class="close_popover"><i class="fa fa-times"></i></span></div>
      <div>
         <label class="checkbox-inline">
         <input type="checkbox" id="" class="si_DSCM" value="option1"> User 6
         </label>
      </div>
   </div>
   }
</div>

JavaScript

$('[data-toggle="popover"]').popover({
        html: true,
        title: function () {
            return $(this).parent().find('.head').html();
        },
        content: function () {
            return $(this).parent().find('.content').html();
        }
    });