Difference between live() and bind() in jQuery
<p>I have a form and a button which is not a <code>submit</code> within the form.
I use jQuery to validate the form before submit.</p>

<p>I first have:</p>

<pre><code>$('#btadd').live('click', function() {
  $('#formadd').submit();
  //return; //it doesn't matter
});
$('#formadd').submit(function() {
  if (...) {
    alert('incompleted!');
    return false;
  } else if (...) {
    alert('invalid!');
    return false;
  } else
    return true;
});
</code></pre>

<p>The problem is if the form is not completed, when I click button, the popup ('incompleted!') will occur <strong>twice</strong>.</p>

<p>Then I try to replace <code>live</code> with <code>bind</code>, then it works fine.</p>

<p>I have searched for the difference between <code>live()</code> and <code>bind()</code>, but still don't know how they work in this example. My code works as what I want now, but I want to figure out what happen here. Can someone explain this to me?</p>
