JSFiddle - React, Tailwind, and code Playground

by mattography

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="col-sm-3 col-md-3 pull-right">
    <form class="navbar-form" role="search">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search" name="q">
            <div class="input-group-btn">
                <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i>
                </button>
            </div>
        </div>
    </form>
</div>

JavaScript

$(document).ready(function () {
    $('.btn-default').click(function () {
        var name = $("#encodeID").val();
        $.ajax({
            type: "POST",
            url: '/echo/json/' + name,
            data: name,
            success: function (data) {
                $(".share-link").val(data);
                console.log(data);
            }
        });
    });
});