AJAX & Coldfusion: обновление базы данных и отображение изменений без перезагрузки

У меня проблемы с визуализацией решения, которое мне нужно здесь. У меня есть меню выбора на сайте, над которым я работаю, и клиент хотел бы иметь возможность выбрать опцию под названием «Создать новый источник», в результате чего появится окно JS с пустым полем, чтобы пользователь мог введите это новое происхождение.

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

Все стороны базы данных настроены и готовы к работе, как и 99% Coldfusion.

Вот фрагмент рассматриваемого поля формы:

<p class="_30NP" align="right">
    <label>Origin&nbsp;</label>
</p>
<p class="_20NP">
    <cfselect 
     name="Origin" 
     id="Origin" 
     query="Origin" 
     display="description" 
     value="code"  
     required="yes">
        <option value="new">New Origin</option>
    </cfselect>
</p>

Вот CFQUERY:

<CFQUERY DBTYPE="Query" NAME="Origin">
    SELECT Code, [Description]
    FROM ZCODES WHERE CODE = 0
    UNION ALL 
    SELECT Code, [Description]
    FROM ZCODES
    WHERE FieldName = 'Origin'
    ORDER BY 1
</CFQUERY>

Это очень простой вопрос, возможно, с очень простым ответом, я просто мало знаком с AJAX.

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