JSFiddle - React, Tailwind, and code Playground

by Osman Salihovic

HTML

<script src="https://code.jquery.com/jquery-2.2.3.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<div class="container">

  <div class="col-md-2">
    <div class="input-group add-on col-md-2">
      <input name="name" value="" class="form-control" type="text">
      <div class="input-group-btn">
        <button class="btn btn-default"><i class="fa fa-caret-down"></i></button>
      </div>
    </div>
  </div>

</div>

JavaScript

$(function() {
  $('button').on('click', function() {
    alert('clicked ...');
  });

});