Проблема с изменением входного значения в Facebox с помощью .val

На основе этого ответа, чтобы изменить значение ввода в Facebox, мне нужно обернуть мои .val утверждения в анонимную функцию.

Моя проблема в том, что я не могу просто сделать $('#openPopupClicked').click(function() { //.val here });, потому что у меня есть переменные, которые нужно передать.

Как я могу изменить значение поля ввода в Facebox, продолжая передавать ему переменные ($example)?

Мой код, который не меняет значение поля ввода; если я использую .html, он добавит «пример текста» к родителю ввода, поэтому я знаю, что он обращается к этому полю. Я не понимаю, почему .val не работает. Если я изменю тип ввода на скрытый, .val будет работать. Это просто не изменит значение для ввода текста.

<div id="ExamplePopup" style="display: none;">
    <table>
    <tr>
        <td class="label">
            Name:
        </td>
        <td style="font-weight: bold;" class="input">
            <input type="text" size="25" name="ex_name" id="ExName" />
        </td>
    </tr>       
</table>
</div>

<?php $example = "example text"; ?>
<a href="#ExamplePopup" rel="facebox" onclick="$('#ExName').val('<?php echo $example; ?>');">Open The Popup</a>