Не стандартный поиск на сайте

Здравствуйте. Прошу помочь разобраться с кодом. Есть поиск по сайту от Яндекса. Для упрощения задачи пользователя, хочу сделать так чтобы при клике на характеристики они подставлялись в строку поиска Яндекса.
Задача напрямую с modx не связана, но очень прошу помочь.
Функция подстановки характеристик

<script>  
        window.onload=function(){document.getElementById('tags').value='';}

	function fcreateteg(value) { var allteg=document.getElementById('tags').value+=value+'+';    }

</script>

Выбор характеристик

<select  multiple size="10" name="tagi" class="form-control" id="ticket-sections" onchange="fcreateteg(value);">
                   <option  value="характеристика 1">характеристика 1</option>
                   <option  value="характеристика 2">характеристика 2</option>
                   <option  value="характеристика 2">характеристика 2</option>
</select>

Поиск от яндекса

<div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'https://yandex.ru/search/site/','arrow':false,'bg':'transparent','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2246000,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':'Выбранные характеристики','input_placeholderColor':'#000000','input_borderColor':'#cc6600'}">
<form action="https://yandex.ru/search/site/" method="get" target="_self">
<input type="hidden" name="searchid" value="2246507"/>
<input type="hidden" name="l10n" value="ru"/>
<input type="hidden" name="reqenc" value=""/>
<input id="tags" type="search"  name="text" value=""/>
<input type="submit" value="Найти"/>
</form>
</div>
<style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style>
<script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>
</div>

Если строку

<input id="tags" type="search"  name="text" value=""/>

вынести за пределы кода Яндекса то в нее все подставляется, а внутрь кода ни в какую не хочет. В чем может быть проблема?

function fcreateteg(value) { var allteg=document.getElementById('tags').value+=value+'+';    }

<script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>

<script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>

ya-site-form__input-text

<script> 
$(document).on("click","#fu",function() {
  val1=$(".ya-site-form__input-text").val();
  val2=$("#fu option:selected").text();
  val=val2+"+"+val1;
  $(".ya-site-form__input-text").val(val);
});
    
</script>

<script>  
	function fcreateteg(value) {   
        var allteg=document.getElementsByClassName('ya-site-form__input-text')[0].value+=value+'+'; 

    }   
   
</script>