Автозаполнение или добавление нового значения параметра в раскрывающееся меню с помощью jquery

Question

Используя эту простую функцию:

$(function () {
  var $text = $('#input-symbol');
  var $input = $('#input-symbol-custom');
  $input.on('keydown mousedown mousemove mouseup', function () {
    setTimeout(function () {
      $text.html($input.val());
    }, 0);
  });
});

Я могу добавить текст к <div id="input-symbol"></div>, набрав или вставив его в поле ввода с помощью id="input-symbol-custom".

 <select name="symbol" id="input-symbol" class="form-control">
                  <option value="" >-Select Symbol-</option>
                  {% for symbol in symbols %} 
                  {% if (tooltip_symbol.value == module_attribute_tip_tooltip_symbol ) %} 
                  <option value="{{ symbol.value }}" selected="selected">{{ symbol.name }}</option>
                  {% else %} 
                  <option value="{{ symbol.value }}">{{ symbol.name }}</option> 
                  {% endif %} 
                  {% endfor %} 
                </select>   

Возможно ли изменить (автозаполнение) selected = "selected" значение параметра, набрав или вставив текст в какое-то другое поле ввода?