jquery - 要素にクラス「load」がある場合、または子要素に「.delete」が含まれている場合は起動しない

Question

HTMLは次のとおりです。

<ul>
   <li>This should fire</li>
   <li>This should not fire, but does <div class="delete">Delete</div></li>
   <li class="load">This does not fire as expected</li> 
</ul>

ここにjQueryがあります

$('ul').on('click', 'li:not(.load):not(:has(.delete))', function() {
    alert('fire');
});

li に class の子要素がある場合に jQuery が起動しないようにする方法はあり.deleteますか?