JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<div class="row">
    <div class="col-lg-6">
        <div class="input-group"> <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>

            <input type="text" id="encodeID" class="form-control" placeholder="Search by ID">
        </div>
    </div>
</div>
<div class="share-link well"></div>

JavaScript

var name = $("#encodeID").val();
//alert (dataString);return false;
$.ajax({
    type: "POST",
    url: 'https://url.com/rest/v1/utils/guid/encode/' + 'encodeID',
    data: dataString,
    success: function (data) {
        $(".share-link").val(data);
    });
}
});
return false;