Родительский элемент не скрывается при нажатии кнопки

Question

Я хочу скрыть все span, которое содержит button, когда я нажимаю на него. Однако hide(); вызов, похоже, ничего не делает.

$(".edit").on("click", function(e) {
  $(e.target).parent().hide();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>
   <button type="button" class="edit">Edit</button>
</span>