title: jQuery .live('click') seems to only bind to the first element
body: <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>