Embed submit button in Accordion Header

Embed submit button in Accordion Header

Hi everyone,

Long time reader but never posted, Im having issues embedding a form into the accordion header, when the submit button is initated the accordion continues operating as normal and the submit is not triggered. Here is the code, pretty basic, is there a work around for this? So that both the button and the accordion can operate?


  1. $(function() {
    $( '#accordion' ).accordion(
    {
     collapsible: true,
        active: false,
        heightStyle: 'content'
     });
      
    });

  1. <div id='accordion3'>
  2. <h3>
  3.       <table>
  4.             <tr>
  5.                   <td></td>
  6.                   <td></td>
  7.                   <td></td>
  8.                   <td></td>
  9.                   <td></td>
  10.                   <td>
  11.                         <form method='post' >
  12.                               <input type='hidden' name='id' value='id'>
  13.                               <input type='submit' value='Sign Out' name='signout'></form>
  14.                         </form>
  15.                   </td>
  16.             </tr>
  17.       </table>
  18. </h3>

  20. <div>
          <p>
  21. ACCORDION CONTENT
  22.       </p>
  23. </div>
  24. </div>