jQuery UI Boilerplate

A simple jquery ui boilerplate setup.

HTML

<div class='form'>
  <form>
    <div>
      <label>Suche</label>
      <input id='text' placeholder="Suchbegriff" />
    </div>
    <input id="submit" type="button" value="los" disabled />
  </form>
</div>

JavaScript

var text = $('#text');
var submit = $('#submit');

$('#text').on('input', function() {

  if (text.val()) {
    submit.attr('disabled', false);
  } else {
    submit.attr('disabled', true);
  }

});