Почему не реагирует на событие динамически добавленный input?

jQuery(document).ready(function($) {
   $("button").click(function() {
      $('.content').append('<input type="number">');
   });
    $('input').focus(function() {
      $(this).hide();
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="content"></div>
<button>Button</button>