title: how add an element to form via jquery?
body: <pre><code>&lt;form action="${pageContext.request.contextPath }/backend/basic/ticketRule/ticketAuditer/add"
              id="ticketAuditerForm" method="post"&gt;
              &lt;table id="companyType_add_table" cellpadding="0" cellspacing="0"&gt;
                  &lt;tr&gt;
                      &lt;th &gt;Carrier：&lt;/th&gt;
                      &lt;td id = "ticketAuditerCarrierAddInit"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;th&gt;user：&lt;/th&gt;
                      &lt;td align="left"&gt;
                          &lt;input id="userNameAdd" name="auditer.userName" type="text" size="20" /&gt;
                          &amp;nbsp;&amp;nbsp;
                          &lt;input name="search" type="button" value="select" onclick="searchUser()" /&gt; 
                          &amp;nbsp;&amp;nbsp;
                          &lt;input id="userIdAdd" name="auditer.id" type="hidden" size="20" value="3" /&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan="2"&gt;&lt;p class="validateTips" align="center"&gt;...&lt;/p&gt;
                          &lt;input type="hidden" name="id" id="id" value="" /&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/form&gt;
  </code></pre>
  
  <p>then i want to add an  hidden element to form :</p>
  
  <pre><code>&lt;input type="hidden" id ="ticketTypeId" name ="ticketTypeId" value="${1}"&gt;
  </code></pre>
  
  <p>jquery code:</p>
  
  <pre><code>$("#searchTicketAuditer").button().click(function() {
              $("#searchTicketAuditerForm").add("#ticketTypeId");
              $("#searchTicketAuditerForm").submit(); })
  </code></pre>
  
  <p>when i had submited the form ,i can get ticketTypeId from form, please help me！</p>