JSFiddle - React, Tailwind, and code Playground

HTML

<div id="panel" style="position: absolute; left: 190px; top: 300px; width: 400px; height: 300px; border: medium groove brown; background: none repeat scroll 0% 0% black; z-index: 100; color: white;">
    <form id="form_coord_0">  
        X <input type="text" name="X" id="coordX_0"/>  
        Y <input type="text" name="Y" id="coordY_0"/>  
        <input type="button" id="edit_0" value="M"/>  
        <input type="button" id="remove_0" value="-"/>  
        <input type="button" id="add_0" value="+"/>  
        <input type="button" id="go_0" value="go!"/>  
        <br/>
    </form>
</div>

JavaScript

$(function () {
    var inputs_to_values = {
        'coordX_0' : 'some value',
        'coordY_0' : 'some other value',
        'edit_0'   : 'N',
        'remove_0' : '_',
        'add_0'    : '-',
        'go_0'     : 'stop?'
    };
    $('#form_coord_0').find('input').val(function () {
        return inputs_to_values[this.id];
    });
});