Why is my form is not posting with jQuery .submit()?
<p>I am working on a system where users are allowed to add books to their library. I am using a jquery UI dialog box and have inserted about 20 rows into the database using the first half of this script. </p>

<p>However, as I was adding in the second half all of a sudden the post information is not showing up on the posted page and I am completely lost as to why.</p>

<p>This was supposed to be a quick addition that's turned into a headache. </p>

<p><strong>FORM:</strong></p>

<pre><code>&lt;form id="addbookform" action="../models/Books/addBook_submit.cfm" method="POST"&gt;
&lt;div style="display: none;" id="addBook" title="Add a Book to Your Library"&gt;
    &lt;input type="hidden" id="InputType" name="InputType" value="Add"/&gt;
    &lt;input type="hidden" id="bookempID" name="bookempID"/&gt;

    &lt;label class="labelstyle" &gt;ISBN:&lt;/label&gt;
    &lt;input type="text" maxlength="17" id="ISBN" name="ISBN"&gt;

    &lt;label class="labelstyle" &gt;Title:&lt;/label&gt;
    &lt;input type="text" maxlength="100" size="50" id="Title" name="Title"&gt;*

    &lt;label class="labelstyle" style="text-align: right"&gt;Author's First Name:    &lt;/label&gt;
    &lt;input type="text" maxlength="50" id="AFName" name="AFName"&gt;

    &lt;label class="labelstyle" style="text-align: right"&gt;Author's Middle Name:&lt;/label&gt;
    &lt;input type="text" maxlength="50" id="AMName" name="AMName"&gt;

    &lt;label class="labelstyle" style="text-align: right"&gt;Author's Last Name:&lt;/label&gt;
    &lt;input type="text" maxlength="50" id="ALName" name="ALName"&gt;*

    &lt;label class="labelstyle" style="text-align: right"&gt;Date Read:&lt;/label&gt;
    &lt;input type="text" id="DateRead" name="DateRead"&gt;
&lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p><strong>Javascript:</strong></p>

<pre><code>function addBook() {
  $("#addBook").dialog({
    autoOpen: true,
    width: ($(document).width()*.55),
    height: ($(document).height()*.7),
    modal: true,
    buttons: {
            "Add Book": function() {
                //checkBook();
                $('#addbookform').submit();
            },
            Cancel: function() {
                        $(this).dialog("close");
                    }
    }
  });
}
</code></pre>

<p>The above piece was working before I started building <code>checkBook()</code>. However, now it's no longer working. </p>

<p>Edit:</p>

<p>The form is initiated by:
<code>&lt;input type="button" class="buttonstyle" value="Add Book" onclick="addBook()" /&gt;</code>
(this works)</p>
