给下一个之后的select移除option但是同时添加data数据，为什么数据被清除了？？？

$.fn.UiCascading = function(){

var ui = $(this);

var selects = $('select',ui);

selects

.on('change',function(){

var val = $(this).val();

var index = selects.index(this);

// 触发下一个 select 的更新，根据当前的值

var where = $(this).attr('data-where');

where = where ? where.split(',') : [];

where.push( $(this).val() );

selects.eq(index+1)

.attr('data-where',where.join(','))

.triggerHandler('reloadOptions');

// 触发下一个之后的 select  的初始化（清除不应该的数据项）

ui.find('select:gt('+ (index+1) +')').each(function(){

$(this)

.attr('data-where','')

.triggerHandler('reloadOptions');

})

})

.on('reloadOptions',function(){

var method = $(this).attr('data-search');

var args = $(this).attr('data-where').split(',');

var data = AjaxRemoteGetData[ method ].apply( this, args );

var select = $(this);

select.find('option').remove();

$.each( data , function(i,item){

var el = $('<option value="'+item+'">'+item+'</option>');

select.append(el);

});

});

selects.eq(0).triggerHandler('reloadOptions');

}