Unable to interchange attributes of a button on checkbox using jquery

I am using jquery to enable multiple select button on selecting at least one option from the list and disable it when nothing is selected.

The code is as follows :

HTML Code:

@foreach($engines as $engine)
    <td>
      <a class="waves-effect waves-light btn red modal-trigger searchDelete" href="#searchDelete" data-id="" data-name="">Delete</a>
    </td>
    <td>
        <div class="row">
            <div class="switch">
                <label>
                    <input type="checkbox" name="ids" class="id-search" value="">
                    <span class="lever"></span>
                </label>
            </div>
        </div>
    </td>
@endforEach

Jquery Code:

$('.id-search').on('change',function () {
var ids = [];
$('input:checkbox[name=ids]:checked').each(function () {
    ids.push($(this).val());
});
var length = ids.length;
if (length > 0) {
    $('#deleteMultipleSearch').attr('class','btn waves-effect waves-light red modal-trigger');
    $('.searchDelete').attr('class', 'btn disabled');
    $('.searchDelete').removeAttr('class', 'modal-trigger searchDelete');
    console.log("Id clicked");
}
else {
    $('#deleteMultipleSearch').attr('class', 'btn disabled');
    $('.searchDelete').removeAttr('class', 'btn disabled');
    $('.searchDelete').attr('class', 'btn red');
}
});

via Chebli Mohamed