jBox Demo - JSFiddle

HTML

<script src="https://code.jboxcdn.com/jBox.js"></script>
<link rel="stylesheet" href="https://code.jboxcdn.com/jBox.css">
<script src="https://code.jboxcdn.com/plugins/Confirm/jBox.Confirm.js"></script>
<link rel="stylesheet" href="https://code.jboxcdn.com/plugins/Confirm/jBox.Confirm.css">
<script src="https://code.jboxcdn.com/plugins/Image/jBox.Image.js"></script>
<link rel="stylesheet" href="https://code.jboxcdn.com/plugins/Image/jBox.Image.css">
<script src="https://code.jboxcdn.com/plugins/Notice/jBox.Notice.js"></script>
<link rel="stylesheet" href="https://code.jboxcdn.com/plugins/Notice/jBox.Notice.css">
// on-hold.php returns this

<form action="on-hold.php" method="post"><input type="text" name="note" size="50" autofocus placeholder="Reason" />
  <br />
  <input type="hidden" name="id" value="99">
  <input type="hidden" name="wc" value="12">
  <div style="float:right;padding:10px;font-size:13px;">
    <label for="lth">Longterm Hold</label> 
    <input type="checkbox" name="lth" />
  </div>
  <input type="submit" name="submit" value="submit" style="margin-top:5px;" />
</form>

// table used to call jbox

<table>
  <tr class="tableRows tableColumns ">
    <td class="viewsCol">
      <div id="24768" class="orderIdBtn noselect info sort_ordernumber tooltip on-holdBG " data-jbox-title="33783-3&nbsp; &#9830; &nbsp;Hardcover Book&nbsp; &#9830;&nbsp;" data-ajax="id=24768" title = "HOLD - waiting on studio die " ><span class="filter-text order">33783-3</span></div>&nbsp;</td>
    <td  ><span class="filter-text  Hardcover-Book sort_HardcoverBook"></span><span class="filter-text" ><div class="highlightCell">Hardcover Book</div></span></td>
    <td  ><span id="due-13014" class="filter-text  sort_customerlast_name ">Mandel</span></td>
    <td  ><span id="due-13014" class="filter-text duedate dueNow due-edit sort_orderdue">09/21/17</span></td>
    <td  ><span id="due-13014" class="filter-text  sort_jobcover_material ">Silver Moon</span></td>
    <td  ><span...

CSS

body {
  font-family: sans-serif;
}

JavaScript

var onhold;

$(document).ready(function() {
		
    // Create only one jBox
		onhold = new jBox('Modal',{
			title: 'On Hold Reason '
		});

	
		$(".tableRows").on("click", '.on-hold', function() {
        var wc = $('#workcenter_session').val();
		var data = $(this).attr('data-ajax')+'&wc='+wc;
		
    // Reset jBox and load ajax
    onhold.setContent('');
		onhold.open({
			ajax: {
				url: 'https://ajaxresponse.com/1/',
				data: data,
        complete: function () {
        	this.position();
        }
			}
    });
	});

	
});