jQuery .live('click') seems to only bind to the first element
<p>So I have a bunch of buttons on a page, interspersed with other HTML, that look like this:</p>

<pre><code>&lt;input class="add_new_task" type="submit" value="Add New Task"&gt;
&lt;input class="add_new_task" type="submit" value="Add New Task"&gt;
&lt;input class="add_new_task" type="submit" value="Add New Task"&gt;
</code></pre>

<p>And then I have my selector as follows: </p>

<pre><code>$JQ('.add_new_task').live('click', function(){
    //do some stuff
});
</code></pre>

<p>However, the live('click') only seems to bind to the first element, and so nothing will happen with the 2nd, 3rd etc. elements. Any suggestions as to what I'm doing</p>

<p>EDIT:</p>

<p>Turns out I was being stupid - I added some error checking to not allow submission if a text box was empty - but I was targetting the text box (stupidly) by id, and that in turn was selecting the first textbox with that ID - which indeed was empty. Changed to a class based selection system for these now - thanks for all the answers though! </p>
