select от materialize css

Собственно решил попробовать materialize css

и столкнулся с проблемой селектов

конкретно я так и не понял как получить выбранные данные

HTML

<select name="doc_rul" id="doc_rul" class="doc_rul">
<option value="1" selected="">Только для меня</option>
<option value="2">Для всей организации</option>
<option value="3">Вообще для всех</option>
</select>
<label class="" for="doc_rul">Права доступа</label>

JS

<script type="text/javascript">
	$(document).ready(function(){
		$('#doc_rul').formSelect();
	});
</script>

от себя materialize еще добавляет кучу всего и как до этого добраться вообще не понятно

с .styler() было проще как минимум через костыль получить данные точно получалось, так как создаваемый список был связан родительским классом изначальной формы

а тут вообще пипец

<div class="input-field col s12">
<div class="select-wrapper"><input class="select-dropdown dropdown-trigger" type="text" readonly="true" data-target="select-options-1a2741da-167b-e072-3a90-74894e29f7fe"><ul id="select-options-1a2741da-167b-e072-3a90-74894e29f7fe" class="dropdown-content select-dropdown" tabindex="0"><li id="select-options-1a2741da-167b-e072-3a90-74894e29f7fe0" tabindex="0" class="selected"><span>Только для меня</span></li><li id="select-options-1a2741da-167b-e072-3a90-74894e29f7fe1" tabindex="0"><span>Для всей организации</span></li><li id="select-options-1a2741da-167b-e072-3a90-74894e29f7fe2" tabindex="0"><span>Вообще для всех</span></li></ul><svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg><select name="doc_rul" id="doc_rul" class="doc_rul" tabindex="-1">
<option value="1" selected="">Только для меня</option>
<option value="2">Для всей организации</option>
<option value="3">Вообще для всех</option>
</select></div>
<label class="" for="doc_rul">Права доступа</label>
</div>

---------- Добавлено 03.04.2018 в 02:20 ----------

попробовал вот так

$('#saveBut').click(function(){
	var instance = M.FormSelect.getInstance($('#doc_rul'));
	var _d = instance.getSelectedValues();
	console.log(_d);
});

почему-то только со второго раза срабатывает

т.е. если выбрать один и тот-же пункт 2 раза то чначение возвращается правильно, иначе возвращается значение предыдущего выбора

работающий пример можно тут глянуть

https://stackoverflow.com/questions/49620269/select-materializecsscss

---------- Добавлено 03.04.2018 в 03:00 ----------

разобрался, просто еще раз инициализировал перед получением данных и заработало