title: How do I keep events elements added through a ajax call in jQuery "active"
body: <p>I'm placing content on my page through an ajax (post) request like so:</p>
  <pre><code>$(&quot;input#ViewMore&quot;).click(function() {
              var data = { before: oldestDate, threadId: 1 };
              $.post(&quot;/Message/More&quot;, data,function(html) {
                  $('tbody#posts').prepend(html);
                  return false;
              },
              &quot;html&quot;);
              return false;
          });
  </code></pre>
  <p>with the html coming back looking something like:</p>
  <pre><code>&lt;div id=&quot;comment&quot;&gt;Message output &lt;a href=&quot;#&quot; id=&quot;quote&quot;&gt;Quote&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  <p>This is all working fine and dandy, everything appears as it should, no problems.</p>
  <p>The problem occurs when I have an event hooked into the &quot;quote&quot; anchor that has been added through the ajax call.  Specifically, a jQuery event on that anchor does not fire.  Why?</p>
  <p>For instance:</p>
  <pre><code>$(&quot;#quote).click(function() { ... });
  </code></pre>
  <p>Does nothing.  Acts like there is no event on it.  I know it is working on other anchors on the page that were not added through a ajax request, so there is not a code error there, plus if I refresh the page it will then fire correctly.  Is there some reason that this is happening, do I need someway to reinitialize that event on the anchor tag somehow?  Any ideas?</p>
  <p>Working with jQuery 1.3.1 (didn't work with 1.2.6 either) so I believe it is my implementation not code itself.</p>