jQuery - How do I bind events to hidden elements that will be shown later?
<p>I am trying to attach 'click' events to all elements of a particular class. The problem is some of the elements are on a tab that is hidden (display: none) at the time that the event is bound. (.bind()). It seems that when these elements are shown the events are no longer bound.</p>

<pre><code>$('a.someClass').bind('click', function(){
  alert("test");
});
</code></pre>

<p>The hidden elements do not appear to have a click event bound. If I select the hidden elements:</p>

<pre><code>$('a.someClass:hidden').bind('click', function(){
  alert("test");
});
</code></pre>

<p>It seems the click event is not bound when these elements are no longer hidden. Has anyone experienced this? Is there a way to bind and event to elements irregardless of their display property?</p>

<p>Thanks</p>
