Materialize's Search Bar

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.js"></script>
<a id="btnOne" class="btn-floating btn-large waves-effect waves-light red"><i class="material-icons">add</i></a>

<a id="disableBtnOne" class="btn-flat">Disable button</a>

CSS

@import "https://fonts.googleapis.com/icon?family=Material+Icons";

JavaScript

$('#btnOne').click(function(){
	alert('click on btn one');
});

$('#disableBtnOne').click(function(){
	$('#btnOne').prop('disabled', true).addClass('disabled');
});