usage of jquery .live() to work with both present and future DOM
<p>I've my jQuery code as</p>

<pre><code>$('#tarea').click(function() {
     // Do stuffs
});
</code></pre>

<p>This works fine for the button #tarea loaded along with this script. If the button #tarea had been loaded using ajax in future, than the above code doesn't work.</p>

<p>Now I changed the code to</p>

<pre><code>$('#tarea').live('click', function() {
     // Do stuffs
});
</code></pre>

<p>This time, the button #tarea if loaded along with the script doesn't work. But the script works with the button if generated using ajax.</p>

<p>How do I write the script so that in both cases, it works??</p>
