Спасибо, что уделили моей проблеме время.
Но не в выборке дело((Прошу прощения что сразу все не описал. Сейчас набросаю как обвернут селект внутри формы, может в этом проблема.
<div class = "section" >
<dt id = 'category-label' class ='category-label' >
<label for='category-label' class = 'optional'>
</dt>
<dd id = 'category-element' class ='category-element'>
<div class="custom-select done">
<span class="custom-text" style="width: 173px;">11111</span>
<div class="select-list custom-scroll" style="display: none;">
<ul>
<li class="selected" data-value="1">11111</li>
<li class="" data-value="2">22222</li>
</ul>
</div>
<select name="category" id="category">
<option value="1" label="1">11111</option>
<option value="2" label="2">22222</option>
</select></div>
</dd>
</div>
так вот, это подгружается динамически, внутри формы,
проблема не в выборке, потому как даже если обращаюсь к селекту по айди типа
$(document).on('change', '#category', function(){
alert('It WORKS')});
, то все равно скрипт не работает, с другими инпутами все нормально.