Как выполнить поиск по значению текстового поля и заполнить элементы формы без перезагрузки страницы?

У меня есть очень простая форма, в которой есть текстовое поле с именем CustomerNumber. В форме есть и другие элементы, такие как выборки и списки, которые должны содержать значения, связанные с CustomerNumber.

Все, что я хочу сделать, это:

1. Пользователь вводит значение в текстовое поле CustomerNumber, а затем «передвигается» или просто щелкает где-нибудь еще на странице.
2. значение, введенное в CustomerNumber, затем должно быть передано как запрос к базе данных, который вернет результаты, основанные на значении CustomerNumber (например, предыдущие заказы клиента)
3. Результаты запроса к базе данных используются для заполнения других элементов формы.
4. Наконец, как только пользователь правильно заполнил форму, он отправит всю форму (включая номер клиента) на сервер для обработки.

Я только что немного взглянул на JQuery и попробовал некоторые простые манипуляции с DOM (например, paragraph.text("new value")), и первое, что я заметил, это то, что ни один из HTML в исходном коде не изменяется. В браузере я вижу изменение, но не в HTML.

Это заставляет меня задаться вопросом, что если я использую JQuery для управления элементами формы (через вызов AJAX или что-то еще - я еще не знаю Jquery), как данные базы данных, возвращаемые из вызова AJAX, будут заполнять элементы формы и как это будет на самом деле отправить на сервер, когда они не существуют в HTML?

Я попытался сделать это, используя только HTML-формы, и у меня есть кнопка отправки рядом с текстовым полем CustomerNumber, и я делаю страницу самостоятельной отправки, но это означало бы наличие формы внутри формы, что невозможно...