title: Jquery serialize not working with Thymeleaf form
body: <p>I am using thymeleaf in my Spring MVC 3 project.
  Here is my form</p>
  
  <pre><code>&lt;form id="idenForm" th:object="${identifierBean}"
  th:action="@{/spring/addIndentifier}" method="get"&gt;
  &lt;table&gt;
  
  
      &lt;tr&gt;
          &lt;td&gt;Identifier Number:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" th:field="*{idNumber}" id="idNumber"
              name="idNumber" /&gt;&lt;/td&gt;
          &lt;td&gt;Issue Location:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" th:field="*{issueLocation}"
              id="issueLocation" name="issueLocation" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Issue Date:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" th:field="*{issueDate}"
              th:class="datepicker" id="issueDate" name="issueDate" /&gt;&lt;/td&gt;
          &lt;td&gt;Expiry Date:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" th:field="*{expiryDate}"
              th:class="datepicker" id="expiryDate" name="expiryDate" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
  
          &lt;td&gt;
              &lt;button id="idenButton" name="idenButton"
                  onclick="doAjaxCallIdentifier()" type="button"&gt;Add
                  Identifier&lt;/button&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here is my javascript function</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function doAjaxCallIdentifier() {
      var idNumber = $('#idNumber').val();
      var issueLocation = $('#issueLocation').val();
      var issueDate = $('#issueDate').val();
      var expiryDate = $('#expiryDate').val();
      var formData=$("#idenForm").serialize();
      alert(formData);
      var url='/SpringUI/spring/addIndentifier';
      $("#content").load(url,data);
      }
  </code></pre>
  
  <p>
  When I serialize the form I get blank data in alert box.I  can't understand the problem.
  Here is the html version of the form</p>
  
  <pre><code>&lt;form id="idenForm" method="get" action="/SpringUI/spring/addIndentifier"&gt;
  &lt;table&gt;
  
  
      &lt;tr&gt;
          &lt;td&gt;Identifier Number:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" id="idNumber" name="idNumber" value="" /&gt;&lt;/td&gt;
          &lt;td&gt;Issue Location:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" id="issueLocation" name="issueLocation" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Issue Date:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" id="issueDate" name="issueDate" class="datepicker" value="" /&gt;&lt;/td&gt;
          &lt;td&gt;Expiry Date:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" id="expiryDate" name="expiryDate" class="datepicker" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
  
          &lt;td&gt;
              &lt;button id="idenButton" name="idenButton" onclick="doAjaxCallIdentifier()" type="button"&gt;Add
                  Identifier&lt;/button&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>