JSFiddle - React, Tailwind, and code Playground
HTML
<div class="b-ta bber b-general-search">
<ul class="b-tabber-nav ul_reset g-clear">
<li class="b-tabber__tab_1 b-tabber__tab b-tabber__tab_current">
<a href="#uk-search" class="b-decor">
<i class="b-decor__i">
<i class="c tl"> </i>
<i class="c tr"> </i>
</i>
<span class="b-decor__item">UK Search</span>
</a>
</li>
<li class="b-tabber__tab_2 b-tabber__tab">
<a href="#international-search" class="b-decor">
<i class="b-decor__i">
<i class="c tl"> </i>
<i class="c tr"> </i>
</i>
<span class="b-decor__item">International Search</span>
</a>
</li>
</ul>
<div class="b-page b-decor b-tabber__content hide g-clear">
<a href="#" rel="uk-search" class="b-page-link hide"></a>
<i class="b-decor__i">
<i class="c tl"> </i>
<i class="c tr"> </i>
<i class="c bl"> </i>
<i class="c br"> </i>
</i>
<form action="/" class="uk-search-input-form" method="post">
<div class="b-decor__item">
<h1>Looking for<br /> a new office?</h1>
<p>Enter a location to find available office spaces</p>
<div class="b-tabber__img b-tabber__img_lamp"></div>
<fieldset class="float-left">
<input id="search-uk" type="text" name="SearchUk" class="b-text float-left" value="" maxlength="50" onblur="javascript: if (this.value == '') { this.value = 'Enter Town, City or Postcode'; }" onfocus="javascript: if (this.value == 'Enter Town, City or Postcode') { this.value = ''; }" />
<input id="hdn-search-uk" type="hidden" name="LocationTreeId" value="" />
...
JavaScript
$(document).ready(function() {
$(':submit').click(function() {
var $el = $(this);
$el.val('Submitting...');
$el.attr('disabled', 'disabled');
$('form.' + $el.attr('id') + '-form').submit();
});
});