父元素没有隐藏在按钮单击上

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>