Как заполнить элемент ввода html данными обратного вызова Ajax

Question

Я пытаюсь заполнить поле html текстом, который запрашивается с помощью jQuery Ajax. Данные, отправляемые в представление функций, возвращаются при загрузке страницы. Данные обратного вызова можно увидеть в консоли. Однако само значение данных не заполняется в поле ввода.

Почему мой код ниже не работает:

$('.clsSomeTxt input').val(data.recdValue);

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

console.log('The value received back is: ' + data.recdValue);

Я также пытался использовать идентификатор формы, но безуспешно.

Редактировать

<table id="xHeader">

        {% for fieldX in form.visible_fields %}
            <tr>
            <th>{{ fieldX.label_tag }}</th>
                <td>
                    {{ fieldX.errors }}


                    {% if fieldX.name == "model_id" %}
                        {{ fieldX }}<input type="text" class="clsSomeTxt" id="clsSomeTxt" readonly style="background: lightgrey; width: 320px">
                    {% else %}
                        {{ fieldX }}
                    {% endif %}

                </td>
            </tr>
        {% endfor %}
</table>

Answer 1

Как я упоминал в comment, вы используете неправильный selector, вход уже имеет класс clsSomeTxt, ваш селектор совершенно неверный; вы выбираете input внутри clsSomeTxt, но это класс ввода. Таким образом, правильный селектор:

$('input.clsSomeTxt').val(data.recdValue);

Или просто:

$('.clsSomeTxt').val(data.recdValue);