Скопируйте текст в поле при нажатии на кнопку

Question

На странице заголовок H2 с идентификатором, кнопка с идентификатором и скрытое поле с идентификатором. При нажатии на кнопку необходимо скопировать содержимое заголовка H2 в скрытое поле. Второй щелчок по кнопке очищает поле и снова добавляет заголовок.

Я пробую этот и другие варианты, но я делаю что-то не так.

        jQuery(function() {
            jQuery('#button_id').click(function() {
                jQuery('h2').change('#field_id').val();
            });
        });

	jQuery(function() {
		jQuery('#button_id').click(function() {
			jQuery('h2').change('#field_id').val();
		});
	});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h2>Some text</h2>

<input type="text" name="article" value="" id="field_id">

<a href="#" id="button_id">Link</a>

Answer 1

Разве вы не должны получить элемент поля и, вызывая функцию .val (), передать innerHTML элемента h2 ему?

jQuery(function() {
    jQuery('#button_id').click(function() {
        jQuery('#field_id').val(jQuery('h2').html());
    });
});