JQuery: изменение значения скрытого поля ввода

У меня есть время hella, определяющее значение скрытого ввода.

Я хочу передать HTML из тегов параметров в скрытый конец поля, это будет заголовок страницы из wordpress 'wp_list_dropdowns(). У меня есть текст, который возвращает текст, и на моем событии изменения он правильно добавляет некоторые css (очевидно, ненужные в скрытом поле, но я пытался определить, где вещи разрушаются). Работает, если я сменю скрытый ввод на ввод текста. Я видел в нескольких местах на SO, что это возможно (изменение значения скрытого ввода, которое есть), но что-то держит меня сейчас, и я не вижу ответа.

Здесь JSFiddle:

JavaScript:

$(".selector").change(function() {
    var $value = $(this).val();
    var $title = $(this).children('option[value='+$value+']').html();
    alert($title); 
    $('input#bacon').val($title).css('border','3px solid blue');
});

HTML:

<select class="selector" name="testselect">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
</h3>

<input id="bacon" type="hidden" class="bacon" value="" name="testinput">

Ответы

$('#action').val("1");

$(".selector").change(function() {

    var $value = $(this).val();

    var $title = $(this).children('option[value='+$value+']').html();

    $('#bacon').val($title);

});