JSFiddle - React, Tailwind, and code Playground

HTML

<input typ="text" id="scl_name" />

JavaScript

/*json data start here */

/*json data ends here */
// Sets up the multicolumn autocomplete widget.
$(document).ready(function () {
	var text2 = $("#scl_name").tautocomplete({
		width: "500px",
		columns: ['Description', 'Schoolname_heading'],
		ajax: {
			//url: "dummy.json",
			dataType: 'json',
			type: "GET",
			success: function (data) {
			   // alert("success")
				var filterData = [];
				console.log(filterData);
				var searchData = eval("/" + text2.searchdata() + "/gi");

				$.each(data, function (i, v) {
					if (v.schoolname_heading.search(new RegExp(searchData)) != -1) {
					console.log("what is this so col",v.schoolname_heading.search);
						filterData.push(v);
					}
				});
				return filterData;
			}
		},
		data: function () {                        
			var filterData = [];
			var searchData = eval("/" + text2.searchdata() + "/gi");                        
			$.each(data, function(i,v)
			{
				if (v.schoolname_heading.search(new RegExp(searchData)) != -1) {
					filterData.push(v);
				}
			});
			return filterData;
		}		
	});
});