Получть значение выбраной опции select

Не подставляется значение города

<div>
                  <select id="select-city" data-jcf='{"wrapNative": false, "wrapNativeOnMobile": false}' class="jcf-hidden">			  
                    <option value="site1.ru">Москва</option>
                    <option value="site2.ru">Сургут</option>
                  </select>
				  <span class="jcf-select jcf-unselectable"><span class="jcf-select-text">
<span class="">
<script type="text/javascript">$("#select-city option:selected").text();</script>
</span></span>
                </div>

в чем проблема не пойму