JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/cupertino/jquery-ui.css">
<script src="http://www.appelsiini.net/download/jquery.jeditable.js"></script>
<div id="editable">select me</div>
<span style="display:none" id="loading">Loading dropdown..</span>

JavaScript

var load_url = 'http://echo.jsontest.com/insert-key-here/insert-value-here/key/value';

$('#editable').editable('/Project/UpdatePerson', {
        loadurl: load_url,
        type: 'select',
        loadtext: '<b>Loading Dropdown..." /></b>',
        indicator: '<b>Saving...',
        submit: 'OK',
        callback : function(value, settings) {
            var json = $.parseJSON(value);
            $(this).text(json.Value);
         
        }
    });
$(document).ajaxSend(function(r,s,t) {
    console.log("'"+t.url+"'");
    if($.trim(t.url)==load_url+"?id=editable")
     $('#loading').show();
 });
 $(document).ajaxStop(function(r,s) {
     if($('#loading').is(':visible'))
     $('#loading').hide();
 });