why jquery detach element will cause a form to submit?
<p>i wonder why in the following example, trying to <code>detach</code> an element (<code>li</code>) causes the <code>form</code> containing it to <code>submit</code></p>

<p><strong>html</strong></p>

<pre><code>&lt;form id="frmToDo" name="frmToDo"&gt;
  &lt;p id="lineInput"&gt;
    ...
    &lt;input type="submit" id="btnSubmit" value="Add" /&gt;
  &lt;/p&gt;
  &lt;ul id="todolist"&gt;
      &lt;!-- added in ajax --&gt;
  &lt;/ul&gt;
&lt;/form&gt;
</code></pre>

<p><strong>JS</strong></p>

<pre><code>$("#frmToDo").submit(function() {
    // this runs after: $("#todolist").detach(...)
});

$("#todolist").delegate("li[id^=task-] button", "click", function() {
    $("#todolist").detach($($(this).parent()).id());
    return false;
});
</code></pre>
