title: Ajax based page compatibility with events
body: <p>I am designing a page kind of Google news or Google reader (i.e. a page full of data and events). I planned totally to make this page ajax-based. There is also a feature of topics as it in <a href="https://news.google.co.in/" rel="nofollow">Google News</a> (shown in the left-sidebar). I also planned to add a feature to add topics to this current list of topics. But unlike google I am providing a input field on top of this sidebar. User can directly add a topic by typing anything in it. <strong>The problem</strong> is when I added this new topic there is no event attached to it that are attached to all other topics.<br>
  What I mean when I am adding new html to page it does have any event attached to it.<br>
  After searching over SO I found that to bind events i can use <code>.live()</code>.   But <code>.live()</code> is deprecated from Jquery on behalf of <code>.on()</code>. But <code>.on()</code> don't provide future event attachment I think. (there is nothing written about future event handling in its documentation)  </p>
  
  <p>Now I have only added a topic. But I have to add many new html on the go. Is there an method to attach event to them. Presently I attached events on the basis of <code>.class</code>.  </p>
  
  <p>What is the best way to add HTML using ajax which already have events attached to it.  </p>
  
  <p>Any further suggestions about this topic because I think right now I am a noob in this.</p>