jQuery очень срочно!

Здравствуйте... У меня есть jQuery код типа:
<script type="text/javascript">

function DropDown(el) {
this.dd = el;
this.placeholder = this.dd.children('span');
this.opts = this.dd.find('ul.dropdown > li');
this.val = '';
this.index = -1;
this.initEvents();
}
DropDown.prototype = {
initEvents : function() {
var obj = this;

obj.dd.on('click', function(event){
$(this).toggleClass('active');
return false;
});

obj.opts.on('click',function(){
var opt = $(this);
obj.val = opt.text();
obj.index = opt.index();
obj.placeholder.text(obj.val);
});
},
getValue : function() {
return this.val;
},
getIndex : function() {
return this.index;
}
}

$(function() {

var dd = new DropDown( $('#dd') );

$(document).click(function() {
// all dropdowns
$('.wrapper-dropdown-3').removeClass('a');
});

});

</script>


Он выводит списки в HTML, но переходы по пунктам не делает, только ставит их во главу.
Это HTMl код:
<section class="main">
<div class="wrapper-demo">
<div id="dd" class="wrapper-dropdown-3" tabindex="1">
<span>Язык Ресурса</span>
<ul class="dropdown">
<li><a href="/"><i class="icoru"></i>Русский</a></li>
<li><a href="/ua/"><i class="icouk"></i>Украинский</a></li>
<li><a href="/en/index.php"><i class="icoen"></i>Английский</a></li>
</ul>
</div>
</div>
</section>


Я в jQuery не силён, так как не изучал его. Помогите срочно!