Add the underlying price to the UI

client/css/optiTrainer.css

@@ -34,6 +34,14 @@ body {
 	top: 0;
 	left: 550;
 	width: 100px;
+	margin-top:0
+}
+
+#tbUnderlyingPrice {
+	position: absolute;
+	top: 30;
+	left: 550;
+	width: 100px;
 }
 
 #frmMasterFilter {

client/js/masterFilter.js

@@ -18,6 +18,7 @@ let createMasterFilterFrame=()=>{
         </select>
 
         <h1 id='tbSymbol'></h1>
+		<h2 id='tbUnderlyingPrice'></h2>
 		<!--button onclick='rq()'>LOAD</button-->
     `;
     
@@ -89,6 +90,7 @@ let requestOptionChain=()=>{
 		dta=JSON.parse(response[0].Data);
 		//console.log("received",dta);
 		displayOptionChain();
+		$("#tbUnderlyingPrice").text(dta.underlyingPrice.toLocaleString('en',{minimumFractionDigits: 2, maximumFractionDigits: 2}));
 	});
 }