Javascript-форум - Как сделать поиск в селекте

Вот конфликт у меня проявляется в таком
есть 2 селекта, в одном отображается Фиат в другом Вольво
при нажатии на

<span class="swap-por"><img style="width: 20px;" alt="Поменять местами" src="shuffle.png"></span>

swap-por - они меняются местами у меня в родном скрипте, но если я подвязываю этот поиск - https://cdnjs.cloudflare.com/ajax/li....jquery.min.js

то поиск работает все норм в этом плане но местами при нажатии на кнопку

<span class="swap-por"><img style="width: 20px;" alt="Поменять местами" src="shuffle.png"></span>

уже не меняется.

это образный кусок примера!

<html>
<head>
<meta charset="utf-8">

<script type="text/javascript">
jQuery(document).ready(function($) {
	$('.scale-buttons a').click(function() {
		var $this = $(this);
		if ($this.hasClass('active'))
			return false;
		$this.addClass('active').siblings().removeClass('active');
		scale = $this.attr('data-mode');
		CalcExchange();
		return false;
	});
	
	$('.swap-por').click(function() {
		var v1 = $("select[name=sourcerate]").val();
		var v2 = $("select[name=resultrate]").val();
		
		$("select[name=sourcerate]").val(v2);
		$("select[name=resultrate]").val(v1);
		CalcExchange();
		return false;
	});
</script>
</head>
<body>





<?
	// Read file to array
	
	$porrencies = getporrencies();
	
	$marka = array(
		'FIAT' => 'фиат',
		'VOLVO' => 'вольво',
		'ZAZ' => 'запер',
		'VAZ' => 'вазик',
		'TAZ' => 'тазик'
	);

?>



<form>

<select name='sourcerate' style="font-size:11px;" onChange='CalcExchange()'>
<option data-type="FIAT" value="1" selected="selected"><?php echo ($marka["FIAT"] ? $marka["FIAT"] : "FIAT"); ?></option>
<?php foreach ($porrencies as $por) : ?>
<option data-type="<?php echo $por['por']; ?>" value="<?php echo $por['value']; ?>"><?php echo ($marka[$por['por']] ? $marka[$por['por']] : $por['por']); ?></option>
<?php endforeach; ?>
</select>



<span class="swap-por"><img style="width: 20px;" alt="Поменять местами" src="shuffle.png"></span>



<select name='resultrate' style="font-size:11px;" onChange='CalcExchange()'>
<option data-type="FIAT" value="1"><?php echo ($marka["FIAT"] ? $marka["FIAT"] : "FIAT"); ?></option>
<?php foreach ($porrencies as $por) : ?>
<option data-type="<?php echo $por['por']; ?>"<?php if ($por['por'] == "VOLVO") echo 'selected="selected" ';?>value="<?php echo $por['value']; ?>"><?php echo ($marka[$por['por']] ? $marka[$por['por']] : $por['por']); ?></option>
<?php endforeach; ?>
</select>

</form>


</body>
</html>