jQuery, странное поведение фокуса

Question

Вот проблема. У меня есть несколько форм тегов на моей странице. Они должны быть независимыми, но есть странное поведение. Если я пишу в первой форме или выполняю какие-либо другие действия, а затем нажимаю «X» на теге второй формы, он не замечает, что я работаю над другой формой. Я пытаюсь объяснить это лучше: если я нажимаю X во время работы в форме,

$(this).attr('id') 

верните правильный идентификатор. Тот же код возвращает неверный идентификатор, если я нажимаю X во время работы с другой формой. Очевидно, он возвращает идентификатор формы, над которой я работаю.

Я думаю, что проблема связана с каким-то странным состоянием фокуса (клавиатура находится в форме, а указатель мыши щелкает в другой форме). Как я должен решить это?

РЕДАКТИРОВАТЬ: html формы

 <form>

<input id="tagbox_infodisc_discussion_65" class="tag_field" object_type="infodisc_discussion" object_id="65" owner="Infodisc" owner_id="1" cancreatetag="1" canaddtag="1" canremovetag="1" value="['hi mom','efaefea']" $type="text" style="display: none; "><div id="tagbox_infodisc_discussion_65_tagsinput" class="tagsinput"><span class="tag"><span>hi mom&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><span class="tag"><span>efaefea&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><div id="tagbox_infodisc_discussion_65_addTag"><input id="tagbox_infodisc_discussion_65_tag" value="" data-default="" style="color: rgb(0, 0, 0); " class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></div><div class="tags_clear"></div></div>

</form>

Answer 1

попробуйте это:

$('input').live('click', function(){
  console.log($(this).prop('id'));
});