ajax Snipet v modal okně(taky ajax)

Ahoj mám modal okno viz https://forum.nette.org/…im-okne-ajax a v něm mám snipet který bych chtěl měnit podle volby v selectu. Ale když měním celý select, tak se mi zavře a otevře modal (snipet se sice změní ale hodnota v selectu se resetuje a navíc to není vůbec hezké). Díky za rady.

{block content}
	<div id="banner">
		<h1 n:block=title>{_ ui.registrationAddOptItems.title}</h1>
	</div>
	{block modal}
		<form n:name=addOptItemForm class="form-horizontal ajax">
			{input regId}
			<div class="form-group">
				<div class="col-sm-3 control-label">{label item /}</div>
				<div class="col-sm-9">{input item}</div>
			</div>
			<div class="form-group">
				<div class="col-sm-3 control-label">{label count /}</div>
				<div class="col-sm-9">{input count}</div>
			</div>
			<div class="form-group">
				{snippet itemBox}
					{ifset $itemDetail}
						<div class="row">
							<div class="col-sm-6">
								<h6><b>Název: </b>{$itemDetail->name}</h6>
								<h6><b>price: </b>{$itemDetail->price}</h6>
								<h6><b>pricee: </b>{$itemDetail->eprice}</h6>
							</div>
							<div class="col-sm-3">
								<img src="/upload/optItems/{$itemDetail->picture->name}" class="img-responsive">
							</div>
						</div>
					{/ifset}
				{/snippet}
			</div>
			{input send}
		</form>
		{block scripts}
			<script>
					$('select[name=item]').change(function () {
						$.nette.ajax({
							url: {link getDetail!},
							data: {
								'value': $('select[name=item]').val(),
							}
						});
					});
			</script>
		{/block}
	{/block}
{/block}