Существует несколько функций для того чтобы собрать удалить значения у тегов HTML. Вы можете использовать html, text, val. Обычно функции html, text используют для тегов: div, p, a, span. Для всех тегов, которые расположены в форме применяют функцию val. Особенно для тега input. Функции html text не смогут получить данные из input.
<style>
form { margin:10px; border: 1px solid gray; }
input { margin:5px; border: 1px solid gray; }
</style>
<form name="test" method="get" action="api.php">
<input type="text" name="title" value="" placeholder="Введите название"><br>
<input type="text" name="text" value="" placeholder="Введите текст"><br>
<input type="text" name="cat" value="" placeholder="Введите категорию"><br>
<input type="submit" name="send" value="Отправить">
<input type="reset" value="Очистить">
</form>
Вы можете не только получить данные, но установить своё значение в поле input. Вам нужно передать в функцию дополнительные параметры val('new value').
$("input[name='title']").val('new value')
// вывод: Object[input значение свойства = "new value" значение атрибута = ""]
Вы можете очистить поле val(''). Функция empty() не подойдёт для поля input. Вы не сможете функцией val() собрать все значения полей input. Эта функция хватает значение первого элемента. Для того чтобы пробежаться по всем input нужно использовать функцию each() вместе с val(). Это не самое лучшее решение этой задачи. Лучше использовать функцию serialize(). Она соберет значения со всех полей формы.
Вы можете автоматически собрать все значения из полей. Смотрите статью автоматический сбор данных из полей input для формы jquery