Здравствуйте, подскажите пожалуйста в чем ошибка? Есть 3 элемента div. Необходимо повесить на нах обработчик по клику, и приписать выбраному новый класс, а значение атрибута rel отправить в скрытый инпут. Ниже представлен мой код. Помогите пожалуйста найти ошибку!
<div class="pocketchoose" >
<div class="chosen" rel='1' name="pct">
<img src="///" alt="1" >
<p>1</p>
</div>
</div>
<div class="pocketchoose" >
<div class="chosen" rel='2' name="pct">
<img src="///" alt="2">
<p>2</p>
</div>
</div>
<div class="pocketchoose" >
<div class="chosen" rel='3' name="pct">
<img src="///" alt="3">
<p>3</p>
</div>
</div>
$('.chosen').on('click', function() {
$('.chosen').addClass('workingNow');
var div = this.$('div');
var inp = document.getElementById('inp');
var vinp = div.getAttribute('rel');
inp.setAttribute('value', vinp);
});